Biblioscript.com : Verrouiller les formulaires

	<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

Formulaires

Verrouiller les formulaires

	Fonction

		Lorsqu'un visiteur arrive sur un formulaire, vous avez peut-être déjà sélectionné certaines options, il est donc important que l'utilisateur ne puisse pas modifier ces choix...

	Principe

		La méthode de blocage diffère suivant le type d'élément de formulaire concerné : <input type="text"...> : deux façons de procéder : sur sélection du champ, désélection du champ ou sur changement, remise à la valeur par défaut, <input type="checkbox"...> : sur clic, sélection de la case (ou désélection suivant ce que vous voulez obtenir, <input type="radio"...> : sur tous les boutons non-sélectionnés, sur clic, sélection du bouton par défaut, <select...> : ici, on a besoin d'une fonction qui sélectionne la bonne option et qui recharge la page pour la mise à jour de l'affichage.

	La méthode

dans la partie <head>

// Cette fonction n'est appelée que par le 'select'
function restaurer() {

// on resélectionne l'option choisie par défaut

document.formulaire.selection.selectedIndex = 1;

// on recharge la page pour que l'affichage soit pris en compte

history.go(0);

}
</script>

dans la partie <body>

<form name="formulaire">
<input type="text" name="donnee1" value="Valeur figee 1" size="20" onFocus="this.blur()">
<input type="text" name="donnee2" value="Valeur figee 2" size="20" onChange="this.value='Valeur figee 2';">
<select name="selection" OnChange="restaurer();"><option>choix 1<option selected>Choix 2<option>Choix 3</select>
<input type="checkbox" name="case1" checked OnClick="this.status='checked';"> oui
<input type="checkbox" name="case2" OnClick="this.status='';"> non
<input type="radio" name="choix" checked> oui <input type="radio" name="choix" OnClick="document.formulaire.choix[0].status='checked';"> non
</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é :

form_verrou.zip
1 Ko

Script séparé :

form_verrou2.zip
1 Ko


	Recherche


	CSS 2


	DHTML


	HTML 4


	Références


	Aide générale


	statistiques