In this code I need help displaying a pop up message in the cust_info.html page
ID: 3821132 • Letter: I
Question
In this code I need help displaying a pop up message in the cust_info.html page when after you click the submit button a pop up message comes up and says "Thank you for choosing Houston Ford etc". Then for it to be extracted to another page for me of the customer information.
------------cust_info.html------------------
<html>
<head>
<link rel = "stylesheet" href="developer.css">
</head>
<body>
<form>
<center>
<img src="ford-logo-wallpaper-HD1.jpg" height = "120px" width = "200px"/>
<ul id="ford_nav">
<li id=""><a href="index.html">View Ford Appreciation</a></li>
<li id=""><a href="ford_model_cars_desc.html">View Top Ford Models</a></li>
<li id=""><a href="#customer_info">Customer Information </a></li>
<a href="file:///C:/Users/nikol/Desktop/Ford%20web2/cust_info.html">Apply Here</a>
</ul>
<div id = "ford_general_info">
<p id = "ford_desc">
<table cellpadding="27" width="100%" bgcolor="888888" align="center"
cellspacing="4">
<tr>
<td colspan=2>
<center><font size=5><b>Customer Information</b></font></center>
</td>
</tr>
<tr>
<td><b>Date of Birth MM/DD/YYYY</b></td>
<td><input type="text" name="d" id="d" size="30"></td>
</tr>
<tr>
<td><b>Phone Number</b></td>
<td><input type="text" name="mn" id="mn" size="30"></td>
</tr>
<tr>
<td><b>First name</b></td>
<td><input type=text name=textnames id="fn" size="30"></td>
</tr>
<tr>
<td><b>Last Name</b></td>
<td><input type="text" name="ln" id="ln"
size="30"></td>
</tr>
</tr>
<tr>
<td><b>Email Address</b></td>
<td><input type="text" name="id" id="id" size="30"></td>
</tr>
<tr>
<td><b>State</b></td>
<td><select name="State">
<option value="-1" selected>select..</option>
<option value="Kentucky">Kentucky</option>
<option value="Indiana">Indiana</option>
<option value="Ohio">Ohio</option>
<option value="Michigan">Michigan</option>
</select></td>
</tr>
<tr>
<td><b>City</b></td>
<td><select name="City">
<option value="-1" selected>select..</option>
<option value="Louisville">Louisville</option>
<option value="Indiana">Indiananoplis</option>
<option value="Ohio">Toledo</option>
<option value="Michigan">Grand Rapids</option>
</select></td>
</tr>
<tr>
<td> <b>What ford vehicle are you inquring about?</b></td>
<td><select name="models">
<option value="-1" selected>select..</option>
<option value="Ford Expedition">Ford Expedition</option>
<option value="Ford F-150">Ford F-150</option>
<option value="Ford Focus">Ford Focus</option>
<option value="Ford Fusion">Ford Fusion</option>
</select></td>
</tr>
<tr>
<td><input type="reset"></td>
<td colspan="2"><input type="submit" value="Submit Form"/></td>
</tr>
</table>
</form>
</body>
</html>
--------------------------developer.css--------------------------
#ford_nav a:hover {
color: #000;
}
.back_button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.back_button:hover{
background-color: #d3d3d3;
}
.float_left{
float : left;
}
.float_margin_pos{
float : left;
margin-left : 20px;
}
Explanation / Answer
this is your code.
it will prompt for user confirmation after clicking on "Submit Form" If user clicks OK then it will go to custoerInformation.html otherwise it will stay on the same page.
<html>
<head>
<link rel = "stylesheet" href="developer.css">
<script type="text/javascript">
function showMsg(){
return confirm("Thank you for choosing Houston Ford etc");
}
</script>
</head>
<body>
<form action="customerInformation.html">
<center>
<img src="ford-logo-wallpaper-HD1.jpg" height = "120px" width = "200px"/>
<ul id="ford_nav">
<li id=""><a href="index.html">View Ford Appreciation</a></li>
<li id=""><a href="ford_model_cars_desc.html">View Top Ford Models</a></li>
<li id=""><a href="#customer_info">Customer Information </a></li>
<a href="file:///C:/Users/nikol/Desktop/Ford%20web2/cust_info.html">Apply Here</a>
</ul>
<div id = "ford_general_info">
<p id = "ford_desc">
<table cellpadding="27" width="100%" bgcolor="888888" align="center"
cellspacing="4">
<tr>
<td colspan=2>
<center><font size=5><b>Customer Information</b></font></center>
</td>
</tr>
<tr>
<td><b>Date of Birth MM/DD/YYYY</b></td>
<td><input type="text" name="d" id="d" size="30"></td>
</tr>
<tr>
<td><b>Phone Number</b></td>
<td><input type="text" name="mn" id="mn" size="30"></td>
</tr>
<tr>
<td><b>First name</b></td>
<td><input type=text name=textnames id="fn" size="30"></td>
</tr>
<tr>
<td><b>Last Name</b></td>
<td><input type="text" name="ln" id="ln"
size="30"></td>
</tr>
</tr>
<tr>
<td><b>Email Address</b></td>
<td><input type="text" name="id" id="id" size="30"></td>
</tr>
<tr>
<td><b>State</b></td>
<td><select name="State">
<option value="-1" selected>select..</option>
<option value="Kentucky">Kentucky</option>
<option value="Indiana">Indiana</option>
<option value="Ohio">Ohio</option>
<option value="Michigan">Michigan</option>
</select></td>
</tr>
<tr>
<td><b>City</b></td>
<td><select name="City">
<option value="-1" selected>select..</option>
<option value="Louisville">Louisville</option>
<option value="Indiana">Indiananoplis</option>
<option value="Ohio">Toledo</option>
<option value="Michigan">Grand Rapids</option>
</select></td>
</tr>
<tr>
<td> <b>What ford vehicle are you inquring about?</b></td>
<td><select name="models">
<option value="-1" selected>select..</option>
<option value="Ford Expedition">Ford Expedition</option>
<option value="Ford F-150">Ford F-150</option>
<option value="Ford Focus">Ford Focus</option>
<option value="Ford Fusion">Ford Fusion</option>
</select></td>
</tr>
<tr>
<td><input type="reset"></td>
<td colspan="2"><input type="submit" value="Submit Form"/></td>
</tr>
</table>
</form>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.