<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>
