-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcheckout.html
executable file
·169 lines (158 loc) · 8.79 KB
/
checkout.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<!--
Author : Dinesh Madhup
Student ID : 10447
E-Mail : [email protected]
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/main.css">
<script src="scripts/myJavascript.js"></script>
<script src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/scripts.js"></script>
</head>
<body onload="insertData()" >
<header>
<div id="banner">
<img src="images/image11.jpg" name="imagesAd" alt="gobble banner">
</div>
<hgroup>
<h1>University Group Pizza Store</h1>
<h2>Great Food Equals Happy Team</h2>
</hgroup>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="order.html">Orders</a></li>
<li><a href="cart.html">Carts</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
<section>
<div id="contentiner" onload="insertData()">
<h1>Checkout Page</h1>
<form name="checkoutForm" id="checkoutForm" action="confirmation.html" method="GET" data-ajax="false">
<table>
<tr>
<td><label for="first_name">First Name</label></td>
<td><input type="text" name="fname" id="first_name" ></td>
<td><span id="error_first_name" style="color: red"></span></td>
</tr>
<tr>
<td><label for="lname">Last Name</label></td>
<td><input type="text" name="lname" id="last_name" ></td>
<td><span id="error_last_name" style="color: red"></span></td>
</tr>
<tr>
<td><label for="dAddress">Delivery Address</label></td>
<td><input type="text" name="dAddress" id="address" ></td>
<td><span id="error_address" style="color: red"></span></td>
</tr>
<tr>
<td><label for="telphone">Telephone Number</label></td>
<td><input type="text" name="telphone" id="phone" data-mini="true" required></td>
<td><span id="error_phone" style="color: red"></td>
</tr>
<tr><fieldset id="controlgroup" data-mini="true">
<td>
<label for="radio">Sales Type:</label></td>
<td>
<label for="cash">Cash</label>
<input type="radio" name="sales" value="cash" id="cash" onclick="handleCash()">
<label for="credit">Credit</label>
<input type="radio" name="sales" id="credit" value="credit" onclick="handleCredit()" checked="">
</td>
</fieldset>
<td><span id="vRadio" style="color: red"></span></td>
</tr>
<tr id="credit_card_type"><fieldset data-role="controlgroup" data-mini="true" id="cct">
<td>
<label>Credit Card Type:</lable></td>
<td>
<label for="radio_AX">AX</label>
<input type="radio" name="credittype" id="radio_AX" value="AX" checked="" onclick="radioSelected()" >
<label for="radio_V">V</label>
<input type="radio" name="credittype" id="radio_V" value="V" onclick="radioSelected()" >
</td>
<fieldset>
</tr>
<tr>
<td><span id="vCredit" style="color: red"></span></td>
</tr>
<tr id="credit_card_num_id">
<td><label for="credit_card_num">Credit Card Number</label></td>
<td><input type="text" name="ccnumber" id="credit_card_num" onblur="valid_credit_card_number()">
<span id="valid_cred_card_num" style="color: red"></span>
</td>
<td></td>
</tr>
<tr id="cred_exp_id">
<td><label >Credit Card Expiration Date</label></td>
<td><label for="month">Month</label>
<input type="text" name="month" id="month" maxlength="2" onblur="valid_month()">
<span id="cred_exp_month" style="color: red"></span>
<label for="year">Year</label>
<input type="text" name="year" id="year" maxlength="2" onblur="valid_year()">
<span id="cred_exp_year" style="color: red"></span>
</td>
</tr>
<tr>
<td><label for="salesAmt">Sales Amount</label></td>
<td><span id="salesAmt"><script>localStorage.getItem("Total");</script></span></td>
<td><span id="vSale" style="color: red"></span></td>
</tr>
<tr>
<td><input type="submit" name="finalize" id="finalize" value="Finalize" onclick="btn_checkout_handler();"></td>
</tr>
</table>
</form>
</div>
<h1>Todays Special</h1>
</div>
<article>
<h1>One of the most popular pizza ever been sold</h1>
<img src="images/pizza4.jpg" alt="pizza4">
<h2>
<script type="text/javascript">
var date = new Object();
date.todayDate = new Date();
document.write(date.todayDate.toLocaleString());
</script><br/>Mushroom-Avocado Pizza</h2>
<p>Pizza is an oven-baked flat bread generally topped with tomato sauce and cheese.
It is commonly supplemented with a selection of meats, vegetables and condiments.
The term first appeared in 997 AD, "in a Latin text from the southern Italian town
of Gaeta", in Lazio, Central Italy. The modern pizza was invented in Naples, Italy,
and the dish and its variants have since become popular in many areas of the world.
</p>
<p><a href="http://en.wikipedia.org/wiki/Pizza"><b>Read more from wikipedia.</b></a>
</article>
<div id="buffet">
<h1>Our Buffet Prices</h1>
<ul>
<li>Lunch Buffet: $9.99 per person</li>
<li>Dinner Buffet: $10.99 per person</li>
<li>Group (More than 10): $8.99 per person</li>
</ul>
</div>
</section>
<aside>
<h1>Everyday Specials</h1>
<h2>Monday and Tuesday:<br>Pepperoni Pizza</h2>
<img src="images/pizza1.png" alt="Pepperoni Pizza">
<h2>Wednesday & Thursday:<br>Tomato Spices</h2>
<img src="images/pizza6.jpg" alt="prpperoni">
<h2>Friday and Saturday:<br>Buffalo Chicken</h2>
<img src="images/pizza7.jpg" alt="Pepperoni Pizza">
<h2>Sunday:<br>Go Green with avocado</h2>
<img src="images/pizza8_avocado.jpg" alt="Green with avocado">
</aside>
<footer>
<p>© 2015,University Group Organic Pizza Store</p>
</footer>
</body>
</html>