»
EnglishFrenchVietnamese

Print - Navigation by Radio Buttons 1 - JavaScriptBank.com

Full version: jsB@nk » Menu » Navigation » Navigation by Radio Buttons 1
URL: https://www.javascriptbank.com/navigation-by-radio-buttons-i.html

Navigation by Radio Buttons 1 © JavaScriptBank.comThis method of JavaScript navigation uses radio buttons instead of the more common dropdown list. It makes quite a neat JavaScript menu bar, I feel.

Full version: jsB@nk » Menu » Navigation » Navigation by Radio Buttons 1
URL: https://www.javascriptbank.com/navigation-by-radio-buttons-i.html



JavaScript
<SCRIPT language=JavaScript><!--  Activate Cloaking Device// 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><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<FORM><TABLE width=500 border=3>  <TBODY>  <TR>    <TD align=middle bgColor=#00008b><INPUT       onclick="leapTo('http://JavaScriptBank.com')" type=radio name=buttons1>    <font color="#00FFFF"><b>JavaScriptBank.com</b></font></TD>    <TD align=middle bgColor=#3cb371><INPUT       onclick="leapTo('http://JavaScriptBank.com')" type=radio name=buttons1> <b>    Link item #</b></TD>    <TD align=middle bgColor=#c0c0c0><INPUT       onclick="leapTo('http://JavaScriptBank.com')" type=radio name=buttons1>    <font color="#800000"><b>Link item #</b></font></TD>    <TD align=middle bgColor=#ff0000><INPUT       onclick="leapTo('http://JavaScriptBank.com')" type=radio name=buttons1>    <font color="#FFFF00"><b>Link item #</b></font></TD></TR></TBODY></TABLE></FORM><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->