Biblioscript.com : L'utilisateur sélectionne la page qu'il souhaite voir dans des boutons radio puis valide

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	JavaScript 1.3

Navigation

Sélection de page par un bouton radio avec validation

	Fonction

		Le but de ce script est de proposer au visiteur une navigation sous forme de boutons radio. Une fois un bouton radio sélectionné, le bouton final lance le chargement de la page demandée.

	Principe

		Un groupe de boutons radio contient pour chaque bouton, une valeur donnant l'URL complête de la destination à atteindre. Le bouton final teste celui des boutons radio qui est coche et attribue alors pour destination... la valeur du bouton sélectionné.

	Le script

dans la partie <head>

// si aucun bouton n'est coché, lieu est 'nul'
var lieu = "#";

// si le premier bouton est coché...

if ( document.formulaire.choix[0].status ) {

// la destination est la valeur du premier bouton

lieu = document.formulaire.choix[0].value;

}

// et ainsi de suite...

if ( document.formulaire.choix[1].status ) {

lieu = document.formulaire.choix[1].value;

}

if ( document.formulaire.choix[2].status ) {

lieu = document.formulaire.choix[2].value;

}

// lancement du chargement de la page demandée

window.location.href = lieu;

}
</script>

dans la partie <body>

<form name="formulaire">
Sélectionnez votre destination :
<input type="radio" name="choix" value="http://www.netscape.com"> Netscape
<input type="radio" name="choix" value="http://www.microsoft.com"> Microsoft
<input type="radio" name="choix" value="http://www.biblioscript.com"> Un site au hasard
<input type="button" value="Naviguer..." OnClick="navigation();">
</form>

	Démonstration

	Téléchargement

Ce script est disponible en deux versions :

le script est intégré à la page où il agit,

le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.

Script intégré :

nav_radio_valid.zip
1 Ko

Script séparé :

nav_radio_valid2.zip
1 Ko


	Recherche


	CSS 2


	DHTML


	HTML 4


	Références


	Aide générale


	statistiques