<script language="JavaScript">
<!--  Activate Cloaking Device
//***************************************************************************
//
//                              Radio Button LeapTo I
//
//                 by Tim Wallace   (timothy@essex1.com)
//
//           Uses radio buttons in place of a drop-down menu.
//
//***************************************************************************
// Called by an onClick in each radio button.
function leapTo (link)
   {
   var new_url=link;
   if (  (new_url != "")  &&  (new_url != null)  )
      window.location=new_url;
   else
      alert("\nYou must make a selection.");
   }
// Deactivate Cloaking -->
</script>
</head>
<body>
<center><h1>Navigation by Radio Buttons</h1>
<form>
<table border=3 width=500>
<tr><td align="center" bgcolor="#00008b">
  <input type="radio" name="buttons1" onclick="leapTo('http://msdn.microsoft.com')">
  <font color="#00ffff"><b>Home Page</b></font></td>
<td align="center"  bgcolor="#3cb371">
  <input type="radio" name="buttons1" onclick="leapTo('http://www.shop4all.com')">
  <font color="#000000"><b>Contents</b></font></td>
<td align="center"  bgcolor="#c0c0c0">
  <input type="radio" name="buttons1" onclick="leapTo('http://www.coomedia.com')">
  <font color="#800000"><b>Navigation Aids</b></font></td>
<td align="center"  bgcolor="#ff0000">
  <input type="radio" name="buttons1" onclick="leapTo('http://www.netscape.com')">
  <font color="#ffff00"><b>A Dropdown List</b></font></td></tr>
</table></form>
</center>
<p>This method of navigation uses radio buttons instead of the more common dropdown list. It makes quite a neat menu bar, I feel.</p>