New Topic/Question
Reply
<!DOCTYPE html>
<html lang="en">
<head>
<title>Reservation Page</title>
<meta charset="utf-8" />
<script type="text/javascript">
function doStuff()
{
var last;
var first;
var city;
var hotel;
var travelers;
var days;
var wifi;
var recline;
var meal;
last = document.reservation.txtLastName.value;
first = document.reservation.txtFirstName.value;
city = document.reservation.radio1.value;
hotel = document.reservation.radio2.value;
travelers = document.reservation.selTravelers.value;
days = document.reservation.selDays.value;
wifi = document.reservation.optional.value;
recline = document.reservation.optional2.value;
meal = document.reservation.optional3.value;
city = parseInt(city);
hotel = parseInt(hotel);
travelers = parseInt(travelers);
days = parseInt(days);
wifi = parseInt(wifi);
recline = parseInt(recline);
meal = parseInt(meal);
todaysDate = Date();
totalCost = travelers*(city + (days*hotel) + wifi + recline + meal)
document.write("We recieved your reservation on " + todaysDate + ". Your total cost is $" + totalCost + ".");
}
</script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">
<img src="BusLogo.jpg" alt="BusLogo" width="120%" height="120%">
<h5>Chicago's Most Reliable Bus Service</h5>
</div>
<div id="nav">
<ul type="square">
<li> <a href="busline_reservation.html">Make a Reservation</a> </li>
<li> <a href="busline_contact.html">Contact Us</a> </li>
<li> <a href="busline_mailing.html">Join Our Mailing List</a></li>
<li> <a href="busline_home.html">Home</a></li>
</ul>
</div>
<div id="reservation_form">
<form name="reservation">
<p><b>Last Name:</b>
<input type="text" name="txtLastName" style="background-color:#E0E0E0" />
</p>
<p><b>First Name:</b>
<input type="text" name="txtFirstName" style="background-color:#E0E0E0" />
</p>
<p><b>Arrival City:</b><br />
<input type="radio" name="radio1" value="40" class="styled" />St. Louis
<input type="radio" name="radio1" value="20" class="styled" />Milwaukee
<input type="radio" name="radio1" value="35" class="styled" />Detroit
</P>
<p><b>Hotel Choice:</b><br />
<input type="radio" name="radio2" value="50" class="styled" />$50/day
<input type="radio" name="radio2" value="70" class="styled" />$70/day
<input type="radio" name="radio2" value="120" class="styled" />$120/day
</P>
<p><b>Number of Travelers: </b>
<select name="selTravelers">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select></p>
<p><b>Number of Days: </b>
<select name="selDays">
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select></p>
<p><b>Optional:</b>
<input type="checkbox" name="optional" value="10">Wifi
<input type="checkbox" name="optional2" value="20">Fully-Reclining Seat <br />
</p>
<p><b>Meal Choice:</b><br />
<input type="radio" name="radio3" value="0" class="styled" />None
<input type="radio" name="radio3" value="5" class="styled" />Snack
<input type="radio" name="radio3" value="10" class="styled" />Full Meal
</P>
<p><b>Special Requests:</b><br />
<textarea rows="4" cols="35">
</textarea>
<input type="button" value="Book My Trip!" style="background-color:#FFCC73;" onclick="doStuff()" />
</form>
</div>
<div id="footer">
<h6>875 N Michigan Ave<br />Chicago<br />312.751.3681</h6>
</div>
</body>
</html>
Attached File(s)
-
busline_reservation.html (3.72K)
Number of downloads: 13
MultiQuote
| 