Navigation by Radio Buttons
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<script language="JavaScript">
var new_url="";
// *** THIS FUNCTION IS NOT NECESSARY FOR THIS SCHEME ***
// If you remove it, be sure to remove call to function in each radio button.
// Called by onClick for each radio button - used to display URL.
function displayUrl()
{ document.forms[0].display.value=new_url; }
// Called by Go For It button - loads selected page.
function leapTo()
{
if ( (new_url != "") && (new_url != null) )
window.location=new_url;
else
alert("\nYou must first select a Radio Button.");
}
// Deactivate Cloaking -->
</script>
</head>
<body bgcolor="#ffe4c4" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
<center><h1>Navigation by Radio Buttons 2</h1></center>
<p>This is a variation on the previous script. Instead of the browser going to the new page immediately the radio button is selected, the chosen URL is displayed in a text box, and a button has to be pressed.</p>
<center><form>
<table border=3>
<td align="center" bgcolor=000080>
<input type="radio" name="buttons2" onclick="new_url='http://www.microsoft.com'; displayUrl()">
<font color=00ffff><b>Home Page</b></font></td>
<td align="center" bgcolor=ff0000>
<input type="radio" name="buttons2" onclick="new_url='http://www.shop4all.com'; displayUrl()">
<font color=000000><b>Contents</b></font></td>
<td align="center" bgcolor=c0c0c0>
<input type="radio" name="buttons2" onclick="new_url='http://www.netscape.com'; displayUrl()">
<font color=800000><b>Navigation Aids</b></font></td>
<td align="center" bgcolor=008080>
<input type="radio" name="buttons2" onclick="new_url='http://www.coomedia.com'; displayUrl()">
<font color=ffff00><b>A Dropdown List</b></font>
</table>
<br><br><br>
<table border=0>
<td align="center" width=250><input type="text" size=20 name="display">
<td align="center" width=250><input type="button" value="Go For It!" onclick="leapTo()">
</table>
</form>
</center>
</body>
</html>
