코드 정리
This commit is contained in:
parent
f4ba387cc7
commit
b59d335428
@ -1,34 +0,0 @@
|
||||
<html>
|
||||
|
||||
<!--
|
||||
http://localhost:8080/nlib/fileupload/js/dropzone.css
|
||||
-->
|
||||
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/js/fileupload/dropzone.css" />
|
||||
<link rel="stylesheet" href="/js/fileupload/style.css" />
|
||||
<script src="/js/fileupload/dropzone.js"></script>
|
||||
|
||||
|
||||
<!--
|
||||
<link rel="stylesheet" href="https://www.dropzonejs.com/css/dropzone.css?v=1595510599" />
|
||||
<link rel="stylesheet" href="https://www.dropzonejs.com/css/style.css?v=1595510599" />
|
||||
<script src="https://www.dropzonejs.com/js/dropzone.js?v=1595510599"></script>
|
||||
-->
|
||||
|
||||
<body>
|
||||
|
||||
<div id="dropzone">
|
||||
<form action="${pageContext.request.contextPath}/fileupload/uploadFile.do"
|
||||
class="dropzone needsclick" id="myDropzone">
|
||||
<div class="dz-message needsclick">
|
||||
<button type="button" class="dz-button">Drop files here or click to select files.</button><br />
|
||||
<span class="note needsclick">이곳에 파일을 끌어다 놓거나, 클릭하여 올릴 파일을 선택하세요.</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,41 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Grid</title>
|
||||
<link type="text/css" rel="stylesheet" href="jsgrid.min.css" />
|
||||
<link type="text/css" rel="stylesheet" href="jsgrid-theme.min.css" />
|
||||
<script type="text/javascript" src="jsgrid.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table id="table1"></table>
|
||||
|
||||
<script type="text/javascript">
|
||||
function makeTable(id, array){
|
||||
$("#"+id).jqGrid({
|
||||
datatype: "local",
|
||||
height: 250,
|
||||
width : 630,
|
||||
colNames:['a','b', 'RPM', 'c','d'],
|
||||
colModel:[
|
||||
{name:'fOcurDtmc', align:'right'},
|
||||
{name:'spd', align:'right'},
|
||||
{name:'rpm', align:'right'},
|
||||
{name:'brkYn', align:'right'},
|
||||
{name:'status', align:'right'}
|
||||
],
|
||||
caption: "DT"
|
||||
});
|
||||
|
||||
for(var I in array){
|
||||
$("#"+id).jqGrid('addRowData',i+1,array[i]);
|
||||
}
|
||||
}
|
||||
|
||||
makeTable('table1', dataArray);
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,57 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Grid</title>
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="/js/jsgrid/jsgrid.min.css" />
|
||||
<link type="text/css" rel="stylesheet" href="/js/jsgrid/jsgrid-theme.min.css" />
|
||||
|
||||
<script src="/js/jquery/jquery.min.js"></script>
|
||||
<script src="/js/jsgrid/jsgrid.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="jsGrid" name="jsGrid" style="width:400px; height:300px;"></div>
|
||||
|
||||
<script>
|
||||
var clients = [
|
||||
{ "이름": "Otto Clay", "Age": 25, "Country": 1, "Address": "Ap #897-1459 Quam Avenue", "Married": false },
|
||||
{ "Name": "Connor Johnston", "Age": 45, "Country": 2, "Address": "Ap #370-4647 Dis Av.", "Married": true },
|
||||
{ "Name": "Lacey Hess", "Age": 29, "Country": 3, "Address": "Ap #365-8835 Integer St.", "Married": false },
|
||||
{ "Name": "Timothy Henson", "Age": 56, "Country": 1, "Address": "911-5143 Luctus Ave", "Married": true },
|
||||
{ "Name": "Ramona Benton", "Age": 32, "Country": 3, "Address": "Ap #614-689 Vehicula Street", "Married": false }
|
||||
];
|
||||
|
||||
var countries = [
|
||||
{ Name: "", Id: 0 },
|
||||
{ Name: "United States", Id: 1 },
|
||||
{ Name: "Canada", Id: 2 },
|
||||
{ Name: "United Kingdom", Id: 3 }
|
||||
];
|
||||
|
||||
$("#jsGrid").jsGrid({
|
||||
width: "100%",
|
||||
height: "400px",
|
||||
|
||||
inserting: true,
|
||||
editing: true,
|
||||
sorting: true,
|
||||
paging: true,
|
||||
|
||||
data: clients,
|
||||
|
||||
fields: [
|
||||
{ name: "이름", type: "text", width: 150, validate: "required" },
|
||||
{ name: "Age", type: "number", width: 50 },
|
||||
{ name: "Address", type: "text", width: 200 },
|
||||
{ name: "Country", type: "select", items: countries, valueField: "Id", textField: "Name" },
|
||||
{ name: "Married", type: "checkbox", title: "Is Married", sorting: false },
|
||||
{ type: "control" }
|
||||
]
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,40 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Grid</title>
|
||||
<link rel="stylesheet" type="text/css" href="/js/jqgrid/ui.jqgrid.css"/>
|
||||
<script type="text/javascript" src="/js/jqgrid/jquery.jqGrid.min.js'/>"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table id="table1"></table>
|
||||
|
||||
<script type="text/javascript">
|
||||
function makeTable(id, array){
|
||||
$("#"+id).jqGrid({
|
||||
datatype: "local",
|
||||
height: 250,
|
||||
width : 630,
|
||||
colNames:['일시','속도', 'RPM', '브레이크','상태'],
|
||||
colModel:[
|
||||
{name:'fOcurDtmc', align:'right'},
|
||||
{name:'spd', align:'right'},
|
||||
{name:'rpm', align:'right'},
|
||||
{name:'brkYn', align:'right'},
|
||||
{name:'status', align:'right'}
|
||||
],
|
||||
caption: "DTG 데이터"
|
||||
});
|
||||
|
||||
for(var I in array){
|
||||
$("#"+id).jqGrid('addRowData',i+1,array[i]);
|
||||
}
|
||||
}
|
||||
|
||||
makeTable('table1', dataArray);
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,51 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
|
||||
|
||||
<title>Insert title here</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<button class="btn btn-primary btn-lg pop" pageTitle="About Us" pageName="about.html" >About us</button> |
|
||||
<button class="btn btn-primary btn-lg pop" pageTitle="Contact Us" pageName="contact.html" >Contact Us</button> |
|
||||
<button class="btn btn-primary btn-lg pop" pageTitle="Our Team 1" pageName="team.html">Our Team 2</button>
|
||||
|
||||
|
||||
<div class="modal fade" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title"></h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
body
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$(".pop").click(function(){
|
||||
var pageTitle = $(this).attr('pageTitle');
|
||||
var pageName = $(this).attr('pageName');
|
||||
$(".modal .modal-title").html(pageTitle);
|
||||
$(".modal .modal-body").html("Content loading please wait...");
|
||||
$(".modal").modal("show");
|
||||
$(".modal .modal-body").load(pageName);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>Insert title here</title>
|
||||
|
||||
|
||||
<link href="/css/nlib.css" rel="stylesheet" type="text/css" />
|
||||
<script src="/js/jquery/jquery.min.js"></script>
|
||||
<script src="/js/nlib.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<button name="btnShow" onclick="popPop2()">SHOW popPop2</button>
|
||||
|
||||
|
||||
<script>
|
||||
function popPop() {
|
||||
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "https://seoul.nculture.org/code/listCodes.do",
|
||||
}).done(function(response){
|
||||
$("#myPop").html(response);
|
||||
});
|
||||
}
|
||||
|
||||
function popPop2() {
|
||||
gotoInPop("https://seoul.nculture.org/code/listCodesPopup.do");
|
||||
}
|
||||
|
||||
function gotoInPop(url) {
|
||||
$("#myPop").show();
|
||||
$("#NLIB_LAYERPOP").load(url);
|
||||
}
|
||||
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
<div id="myPop" style="z-index:10000000; display:blcok; margin-left:20px !important; position:relative; width:90%; height:auto; min-height:100px; max-height:500px; border:3px solid black !important; overflow:scroll; ">POP</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,10 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>감사</title>
|
||||
</head>
|
||||
<body>
|
||||
감사합니다.
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user