정지윤

메뉴 화면 추가

...@@ -27,329 +27,27 @@ ...@@ -27,329 +27,27 @@
27 27
28 <style type="text/css"> 28 <style type="text/css">
29 .reservationTheme{ 29 .reservationTheme{
30 - background:url('/img/res2.jpg') no-repeat; 30 + background:url('/img/s.jpg') no-repeat center fixed;
31 + -webkit-background-size: cover;
32 + -moz-background-size: cover;
33 + -o-background-size: cover;
34 + background-size: cover;
31 } 35 }
32 - </style>
33 -
34 - <section id="about" class="reservationTheme content-section ">
35 - <div class="container">
36 - <br><br>
37 - <h2>Reservation <br>예약하기</h2>
38 - <br><br>
39 - <form class="well form-horizontal" action=" " method="post" id="contact_form">
40 - <fieldset>
41 -
42 - <form method="POST" action="/reservation">
43 - <!-- Form Name -->
44 -
45 - <!-- Text input-->
46 -
47 - <div class="form-group">
48 - <div class="col-md-4 inputGroupContainer ">
49 - <div class="input-group">
50 - <label class="col-md-4 control-label ">이름</label>
51 - <i class="glyphicon glyphicon-envelope"></i>
52 - <input name="creater_id" placeholder="홍길동" class="form-control" type="text">
53 - </div>
54 - </div>
55 - </div>
56 -
57 -
58 - <!-- 휴대전화-->
59 - <div class="form-group">
60 - <div class="col-md-4 inputGroupContainer">
61 - <div class="input-group">
62 - <label class="col-md-4 control-label">휴대전화</label>
63 - <i class="glyphicon glyphicon-earphone"></i>
64 - <input name="phone" placeholder="0101234567" class="form-control" type="text">
65 - </div>
66 - </div>
67 - </div>
68 -
69 -
70 -
71 - <!-- Text input-->
72 - <div class="form-group">
73 - <div class="col-md-4 inputGroupContainer">
74 - <div class="input-group">
75 - <label class="col-md-4 control-label">이메일주소</label>
76 -
77 - <i class="glyphicon glyphicon-envelope"></i>
78 - <input name="email" placeholder="E-Mail Address" class="form-control" type="text">
79 - </div>
80 - </div>
81 - </div>
82 -
83 - <!--인원수-->
84 - <div class="form-group">
85 - <div class="col-md-4 selectContainer">
86 - <div class="input-group">
87 - <label class="col-md-4 control-label">인원 수</label>
88 - <i class="glyphicon glyphicon-list"></i>
89 - <select name="num" class="form-control selectpicker" >
90 - <option>1~4명</option>
91 - <option>5~10명</option>
92 - <option >10명~15명</option>
93 - <option >15명~20명</option>
94 - <option >20명 이상</option>
95 - </select>
96 - </div>
97 - </div>
98 - </div>
99 -
100 -
101 -
102 - <!--예약시간-->
103 - <div class="form-group">
104 - <div class="col-md-4 selectContainer">
105 - <div class="input-group">
106 - <label class="col-md-4 control-label">예약 시간</label>
107 -
108 - <i class="glyphicon glyphicon-list"></i>
109 - <select name="restime" class="form-control selectpicker" >
110 - <option value=" " >시간</option>
111 - <option>10시</option>
112 - <option>11시</option>
113 - <option>12시</option>
114 - <option>13시</option>
115 - <option>14시</option>
116 - <option>15시</option>
117 - <option>16시</option>
118 - <option>17시</option>
119 - <option>18시</option>
120 - <option>19시</option>
121 - <option>20시</option>
122 - </select>
123 - &nbsp;
124 - <select name="resmin" class="form-control selectpicker" >
125 - <option value=" " ></option>
126 - <option>00분</option>
127 - <option>15분</option>
128 - <option>30분</option>
129 - <option>45분</option>
130 - </select>
131 - </div>
132 - </div>
133 - </div>
134 -
135 - <div class="form-group">
136 - <div class="col-md-4 selectContainer">
137 - <div class="input-group">
138 -
139 - <label class="col-md-4 control-label">예약 날짜</label>
140 - <div class="input-group input-append date" id="dateRangePicker"> </div>
141 - <script>
142 - $('#dateRangePicker').datepicker({
143 - format: "yyyy-mm-dd",
144 - language: "kr"
145 - });
146 - </script>
147 - </div>
148 - </div>
149 - </div>
150 -
151 -
152 - <div class="form-group">
153 - <div class="col-md-4 selectContainer">
154 - <div class="input-group">
155 - <label class="col-md-4 control-label"></label>
156 -
157 - <i class="glyphicon glyphicon-list"></i>
158 - <select name="date" class="form-control selectpicker" >
159 -
160 - <option><script language="JavaScript">
161 - var today = new Date( )
162 - document.write(today.getMonth( )+1 , "월 " , today.getDate( ) , "일")
163 - </script> </option>
164 -
165 - <option><script language="JavaScript">
166 - var today = new Date( )
167 - document.write(today.getMonth( )+1 , "월 " , today.getDate( )+1 , "일")
168 - </script> </option>
169 -
170 - <option><script language="JavaScript">
171 - var today = new Date( )
172 - document.write(today.getMonth( )+1 , "월 " , today.getDate( )+2 , "일")
173 - </script> </option>
174 36
175 - <option><script language="JavaScript"> 37 + .container{
176 - var today = new Date( ) 38 + text-align: center;
177 - document.write(today.getMonth( )+1 , "월 " , today.getDate( )+3 , "일")
178 - </script> </option>
179 -
180 - <option><script language="JavaScript">
181 - var today = new Date( )
182 - document.write(today.getMonth( )+1 , "월 " , today.getDate( )+4 , "일")
183 - </script> </option>
184 -
185 - <option><script language="JavaScript">
186 - var today = new Date( )
187 - document.write(today.getMonth( )+1 , "월 " , today.getDate( )+5 , "일")
188 - </script> </option>
189 -
190 - <option><script language="JavaScript">
191 - var today = new Date( )
192 - document.write(today.getMonth( )+1 , "월 " , today.getDate( )+6 , "일")
193 - </script> </option>
194 -
195 - <option><script language="JavaScript">
196 - var today = new Date( )
197 - document.write(today.getMonth( )+1 , "월 " , today.getDate( )+7 , "일 (예약은 1주일까지만 가능합니다)")
198 - </script> </option>
199 -
200 - </select>
201 - </div>
202 - </div>
203 - </div>
204 -
205 - <!-- radio checks-->
206 - <div class="form-group">
207 - <div class="col-md-4 selectContainer">
208 - <div class="input-group">
209 - <label class="col-md-4 control-label">메뉴</label>
210 -
211 - <div class="checkbox">
212 - <label>
213 - <image src = "/img/pizza.jpg" width=100 height=100>
214 - <br><input type="checkbox" name="food" value="pizza" /> 피자
215 - </label>
216 - </div>
217 - &nbsp;
218 - &nbsp;
219 - &nbsp;
220 - <div class="checkbox">
221 - <label>
222 - <image src = "/img/파스타.jpg" width=100 height=100>
223 - <br><input type="checkbox" name="food" value="pasta" /> 파스타
224 - </label>
225 - </div>
226 -
227 - &nbsp;
228 - &nbsp;
229 - &nbsp;
230 - <div class="checkbox">
231 - <label>
232 - <image src = "/img/와인.jpg" width=100 height=100>
233 - <br><input type="checkbox" name="food" value="wine" /> 와인
234 - </label>
235 - </div>
236 - </div>
237 - </div>
238 - </div>
239 -
240 -
241 - <br>
242 - <div class="form-group">
243 - <div class="col-md-4 selectContainer">
244 - <div class="input-group">
245 - <label class="col-md-4 control-label">요청 사항</label>
246 - <i class="glyphicon glyphicon-pencil"></i>
247 - <textarea class="form-control" name="content" placeholder="요청 사항을 적어주세요." style="width:310px; height:100px;"></textarea>
248 - </div>
249 - </div>
250 -
251 -
252 -
253 - <!-- Button -->
254 - <div class="form-group">
255 - <label class="col-md-4 control-label"></label>
256 - <div class="col-md-4">
257 - 잠깐! No Show 문제를 방지하기 위해 예약 전, 선금 2000원을 입금해야 합니다!
258 - <a href="/pay" class="btn btn-default btn-lg">입금하기</a>
259 - <a href="/first" class="btn btn-default btn-lg">돌아가기</a>
260 - </div>
261 -
262 - </div>
263 - </form>
264 - </fieldset>
265 - </form>
266 - </div>
267 - </div>
268 -</script>
269 -
270 -
271 - <script>
272 - function onWriteSubmit()
273 - {
274 - if ( $("#creater_id").val().trim() == "" )
275 - {
276 - var message = "아이디를 입력해주세요";
277 - $("#creater_id").val("");
278 - $("#creater_id").focus();
279 - alert(message);
280 - return false;
281 } 39 }
282 - 40 + .form-group{
283 - if ( $("#phone").val().trim() == "" ) 41 + vertical-align: center;
284 - {
285 - var message = "폰번호를 입력해주세요";
286 - $("#phone").val("");
287 - $("#phone").focus();
288 - alert(message);
289 - return false;
290 } 42 }
291 - if ( $("#email").val().trim() == "" ) 43 + </style>
292 - { 44 + <section id="about" class="reservationTheme content-section">
293 - var message = "이메일 주소를 입력해주세요"; 45 + <div class="container "text-align=" center">
294 - $("#email").val(""); 46 + <br><br><br><br>
295 - $("#email").focus(); 47 + <h1>MENU</h1>
296 - alert(message);
297 - return false;
298 - }if ( $("#num").val().trim() == "" )
299 - {
300 - var message = "인원수를 입력해주세요";
301 - $("#num").val("");
302 - $("#num").focus();
303 - alert(message);
304 - return false;
305 - }if ( $("#restime").val().trim() == "" )
306 - {
307 - var message = "예약시간을 입력해주세요";
308 - $("#restime").val("");
309 - $("#restime").focus();
310 - alert(message);
311 - return false;
312 - }
313 - if ( $("#resmin").val().trim() == "" )
314 - {
315 - var message = "예약 분을 입력해주세요";
316 - $("#resmin").val("");
317 - $("#resmin").focus();
318 - alert(message);
319 - return false;
320 - }
321 - if ( $("#date").val().trim() == "" )
322 - {
323 - var message = "예약 날짜를 입력해주세요";
324 - $("#date").val("");
325 - $("#date").focus();
326 - alert(message);
327 - return false;
328 - }
329 - if ( $("#food").val().trim() == "" )
330 - {
331 - var message = "예약 메뉴를 입력해주세요";
332 - $("#food").val("");
333 - $("#food").focus();
334 - alert(message);
335 - return false;
336 - }
337 - if ( $("#content").val().trim() == "" )
338 - {
339 - var message = "비고사항을 입력해주세요";
340 - $("#content").val("");
341 - $("#content").focus();
342 - alert(message);
343 - return false;
344 - }
345 -
346 -
347 - }
348 - </script>
349 48
49 + <a href="/first" class="btn btn-default btn-lg">홈으로</a>
350 50
351 - <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 51 + </div>
352 - <!-- 모든 컴파일된 플러그인을 포함합니다 (아래), 원하지 않는다면 필요한 각각의 파일을 포함하세요 -->
353 - <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
354 </head> 52 </head>
355 </html> 53 </html>
......