Menu
[code]
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<title>JavaScript</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-15″>
<!– The external style sheets –>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>
<meta name=”keywords” content=”CO332″>
<meta name=”description” content=”CO332 Exercise Website”>
<meta name=”author” content=”Bradley Berwick”>
<script type=”text/javascript” src=”myjavascript.js”></script>
</head>
<body>
<div id=”container”>
<div id=”header”>
<h1>
Exercise Website
</h1>
</div>
<div id=”leftnav”>
<ul>
<li><a href=”index.html” >Home</a>
<li><a href=”myjavascript.html” ><span class=”currentpage”>Services</span></a>
<li><a href=”#” >TBA</a>
<li><a href=”#” >TBA</a>
</ul>
</div>
<div id=”content”>
<h2>About Yourself</h2>
<form name=”exampleform”>
<h3>Name: <input name=”yourname” type=”text”></h3>
<h3>Age: <input name=”age” type=”text” size=”3″
Onchange = ‘
if ( !( this.value > 0 && this.value < 150 ) ) {
alert( this.value + ” is not a valid age.”);
this.value=””; // clear age text box
}’ > </h3>
<h3>Gender:
<input name=”gender” type=”radio” value=”male”> Male
<input name=”gender” type=”radio” value=”female”> Female
</h3>
<h3>Your favourite colour:
<select name=”colours”>
<option value=”None”>
<option value=”red”>Red
<option value=”green”>Green
<option value=”blue”>Blue
<option value=”pink”>Pink
<option value=”orange”>Orange
<option value=”purple”>Purple
</select>
</h3>
<h3>Your hobbies are: <br>
<input name=”running” type=”checkbox”> Running <br>
<input name=”football” type=”checkbox”> Football <br>
<input name=”golf” type=”checkbox”> Golf <br>
<input name=”cycling” type=”checkbox”> Cycling
</h3>
<textarea rows=”10″ cols=”30″>
Add comments.
</textarea>
<p>
<input type=”reset” value=”Clear”>
<input name=”submit” type=”button” value=”Submit”
onclick=’displayMessage(“hey”)’;>
</p>
</form>
</div>
<div id=”footer”>
<div id=”mailto”> Last updated on 28th Oct 2011<br>
Maintained by Bradley Berwick
</div>
</div>
</div>
</body>
</html>
[code]
function displayMessage(msg) {
// Open a new window
var msgWindow = window.open(”, ‘Message’);
// Write message in the new Window
msgWindow.document.write(msg);
msgWindow.document.close();
// Raise this window, in case it’s not visible
msgWindow.focus();
}
function submitForm(add vars) {
displayMessage(msg);
}
When I click the Submit button on the form, I want an alert box showing all the details that the user has entered into the form.
I have a function called displayFunction which I want to use in another function called submitForm, but I’m not sure what to write in the submitForm function.
Help is appreciated.