»
AnglaisFran�aisVietnamien

Imprimer - Boutons de navigation par Radio 2 - JavaScriptBank.com

Version compl�te: jsB@nk » Menu » Navigation » Boutons de navigation par Radio 2
URL: https://www.javascriptbank.com/navigation-by-radio-buttons-ii.html

Boutons de navigation par Radio 2 © JavaScriptBank.comVoici une autre variation de ce script. Cette fois, le fichier de destination titre, une description, et l'URL apparaît dans une zone de texte d'un bouton radio est choisi.

Version compl�te: jsB@nk » Menu » Navigation » Boutons de navigation par Radio 2
URL: https://www.javascriptbank.com/navigation-by-radio-buttons-ii.html



JavaScript
<SCRIPT language=JavaScript><!-- Activate Cloaking Devicevar recnum="";// Used to initialize arrays.function initArray()    {   this.length = initArray.arguments.length;   for (var i = 0; i < this.length; i++)       { this[i] = initArray.arguments[i]; }   }// Creating arrays.var rcrd = new initArray();var address = new initArray();rcrd[1] = "Home Page\r\nThe home page of this site.";address[1] = "JavaScriptBank.com";rcrd[2] = "Contents\r\nA listing of the contents of this site.";address[2] = "JavaScriptBank.com";rcrd[3] = "Navigation Aids\r\nExamples of various ways to make navigation of your site easier.";address[3] = "JavaScriptBank.com";rcrd[4] = "A Dropdown List\r\nAn example of a dropdown list for site navigation.";address[4] = "JavaScriptBank.com";// Called by onClick for each radio button - determines & displays message and URL.function dataBase(leapto)   {   for (var i = 0; i < 4; i++)       {      if (leapto.buttons[i].checked)          { recnum = leapto.buttons[i].value; }      }   if (  (rcrd[recnum] != null)  &&  (rcrd[recnum] != "")  )       { document.leapto.display.value = rcrd[recnum]+"\r\n\r\n"+address[recnum]; }   }// Called by Lets Go button - loads pre-selected page.function leapTo()   {    if (  (address[recnum] != null)  &&  (address[recnum] != "")  &&  (recnum != "")  )          window.location= address[recnum];    else      alert("\nYou must first select a radio button.");      }// 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 name=leapto><TABLE border=3>  <TBODY>  <TR>    <TD align=middle bgColor=#000080><INPUT onclick=dataBase(this.form)       type=radio value=1 name=buttons> <font color="#00FFFF"><b>JavaScriptBank.com</b></font></TD>    <TD align=middle bgColor=#ff0000><INPUT onclick=dataBase(this.form)       type=radio value=2 name=buttons> <b>Link item #</b></TD>    <TD align=middle bgColor=#c0c0c0><INPUT onclick=dataBase(this.form)       type=radio value=3 name=buttons> <font color="#800000"><b>Link item #</b></font></TD>    <TD align=middle bgColor=#008080><INPUT onclick=dataBase(this.form)       type=radio value=4 name=buttons> <font color="#FFFF00"><b>Link item #</b></font></TD></TR></TBODY></TABLE><BR><BR><TABLE border=0>  <TBODY>  <TR>    <TD align=middle width=350><TEXTAREA name=display rows=6 wrap=yes cols=25></TEXTAREA></TD>    <TD align=middle width=150><INPUT onclick=leapTo() type=button value="Let's Go!"></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-->