-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (130 loc) · 6.12 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit">
<title>테니스 코드 예약 현황 확인</title>
<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=rjv2lbv5op"></script>
<script src="js/reserveSchedule.js"></script>
<script src="js/test.js"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/default_calender.css">
<link rel="stylesheet" href="css/spoone_calender.css">
<link rel="stylesheet" href="css/gangseo_calender.css">
<link rel="stylesheet" href="css/sapryang.css">
<link rel="stylesheet" href="css/sajik.css">
<link rel="stylesheet" href="css/spinner.css">
<link rel="stylesheet" href="css/image_slider.css">
<link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Gothic+A1:wght@700&display=swap" rel="stylesheet">
</head>
<body>
<div id="container">
<header>
<div id="logo">
<img src="css/로고T3.png" alt="" class="icon">
<h1>테니스 예약 확인</h1>
</div>
</header>
<div id="loading-spinner" class="hidden">
<div class="spinner"></div>
</div>
<main class="contents">
<section id="map_contents">
<div id='map' style="width:400px;height:300px;"></div>
</section>
<div>
<img src="css/배너 사진.png" style="width: 400px; height: 100px;" alt="">
</div>
<section id="schedule">
<div>
<form action="http://localhost:8080/place" method="get" id="placeForm" onchange= "combinedFunction()">
<label for="select_part"></label>
<select id="select_part" name="select_part">
<option value="select">선택</option>
<option name = 강서 value="gangseo">강서 체육공원</option>
<option name = 맥도 value="macdo">맥도 생태공원</option>
<option name = 대저 value="daejeo">대저 생태공원</option>
<option name = 화명 value="hwamyeong">화명 생태공원</option>
<option name = 구덕 value="gudeok">구덕 운동장</option>
<option name = 스포원파크 value="spoonePark">스포원 파크</option>
<option name = 삽량 value="sapryang">삽량</option>
<option name = 사직구장 value="sajik">사직 종합 실내</option>
</select>
</form>
<form>
<select id="select_place" name="select_place">
<option value="select">선택</option>
</select>
</form>
<br>
<button id = "thisMonth" type="button" onclick="getSchedule(), uptoDate_now()">8월 요청</button>
<button id = "nextMonth" type="button" onclick="nextCalendar(), uptoDate_next()">9월 요청</button>
</div>
<div class="calenderWrap">
<div class = "calenderHead">
<tr>
<!-- <button onClick="prevCalendar();" style="cursor:pointer;"><</button> -->
<td colspan="5">
<span id="calYear"></span>년
<span id="calMonth"></span>월
</td>
<!-- <button onClick="nextCalendar();" style="cursor:pointer;">></button> -->
</tr>
</div>
<div>
<table id="Calendar">
<thead>
<tr>
<td>일</td>
<td>월</td>
<td>화</td>
<td>수</td>
<td>목</td>
<td>금</td>
<td>토</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<p>
<span class="selectMark">
<em class="hidden">선택 가능</em>
</span>
<span class="text"> 선택 가능</span>
<span class="disableMark">
<em class="hidden">선택 불가</em>
</span>
<span class="text"> 선택 불가</span>
</p>
</div>
<div id = "result">
<table id = "place">
</table>
</div>
</section>
<section id="info">
<!-- <div class="img">
<img class="displayedImage main_img" src="css/뒷배경(테니스코트).png" alt="Image 1">
<img class="displayedImage sub_img" src="css/로고 뒷배경(바닷가).jpg" alt="Image 2">
<img class="displayedImage sub_img" src="css/로고 뒷배경(클레이코트).jpg" alt="Image 3">
</div> -->
<div id="info_text"></div>
</section>
</main>
</div>
<script src="js/marker.js"></script>
<script src="js/getplace.js"></script>
<script src="js/getSchedule.js"></script>
<script src="js/partChange.js"></script>
<script src="js/spinner.js"></script>
<script>
function combinedFunction() {
part_zoom();
partChange();
}
</script>
</body>
</html>