|
Accueil > Javascripts > Navigation
> Formulaire avec liens
Lien vers
différents sites avec petite description de chacun d'entre
eux.
Le code N°1 est à placer dans l'en-tête de votre page
entre les balises <head> et </head>.
Le code N°2, c'est le code du formulaire.
________________________________________________________________
Code
N°1
<SCRIPT language="javascript">
var recnum="";
function initArray()
{this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++)
{this[i] = initArray.arguments[i]; }}
var rcrd = new initArray();
var address = new initArray();
rcrd[1] = "Site avec plein d\'infos !";
address[1] = "http://www.edicom.ch";
rcrd[2] = "Un site juste pour rire !";
address[2] = "http://www.rigoler.com";
rcrd[3] = "Et pour apprendre l\'anglais";
address[3] = "http://www.cnn.com";
function dataBase(leapto){
for (var i = 0; i < 3; 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]; }}
function leapTo(){
if ( (address[recnum] != null) && (address[recnum] != "") && (recnum != "") )
window.location= address[recnum];
else alert("\nVous devez cliquer sur un bouton radio.");}
</SCRIPT>
Code
N°2
<form NAME="leapto">
<input TYPE="radio" NAME="buttons" VALUE="1" onClick="dataBase(this.form)">Site 1
<input TYPE="radio" NAME="buttons" VALUE="2" onClick="dataBase(this.form)">Site 2
<input TYPE="radio" NAME="buttons" VALUE="3" onClick="dataBase(this.form)">Site 3
<textarea NAME="display" ROWS="4" COLS="25" WRAP="yes"></textarea>
<input TYPE="button" VALUE="Go!" onClick="leapTo()">
<input type="reset" value="Effacer" name="B1">
</form>
________________________________________________________________
|