divers3

1. Contrôle d'un formulaire
A l'aide de ce script, vous pouvez contrôler que les champs ne soient pas vides, ce qui évite de recueillir des coordonnées erronées. Exemple si votre formulaire se nomme AVIS et qu'il comporte un champ appelé NOM (à adapter suivant vos besoins).

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Après avoir placé ce script entre les balises </TITLE> et </HEAD>, vous devez tester l'envoi du formulaire en ajoutant l'événement OnSubmit à la balise <FORM>

<FORM METHOD=POST ACTION="POST" NAME="AVIS" OnSubmit="return champsok()">
2. Contrôler une adresse (E-mail)

Ce script permet de contrôler l'adresse électronique d'un formulaire, en détectant la présence de l'arobase (@) dans le champs spécifié. Exemple avec un formulaire comportant un champ appelé EMAIL (contenant l'adresse électronique).

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Après avoir placé ce script entre les balises </TITLE> et </HEAD>, vous devez tester l'envoi du formulaire en ajoutant l'événement Onsubmit à la balise <FORM>

<FORM METHOD=POST ACTION="POST" NAME="AVIS" OnSubmit="return arobaceok(EMAIL)">
3. Effacer un champs de formulaire

Ce script permet d'effacer un seul champ (ou plusieurs) d'un formulaire. Dans l'exemple, le formulaire se nomme AVIS.

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Après avoir placé ce script entre les balises </TITLE> et </HEAD>, vous devez créer un bouton <INPUT>. Le chiffre, placé entre les parenthèses, correspond à un élément d'un formulaire (à changer suivant vos besoins).

<INPUT TYPE="button" VALUE="Effacer" OnClick="javascript:RAS(0)">
4. Contrôler un nombre de caractères

Ce script permet de contrôler une zone texte sur un nombre minimum de caractères.

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Après avoir placé ce script entre les balises </TITLE> et </HEAD>, vous devez tester l'envoi du formulaire en ajoutant l'événement OnSubmit à la balise <FORM> (ou vous précisez le nombre minimum de caractères ici 16 ; NOM est ici la valeur de l'attribut NAME pour la balise INPUT).

<FORM METHOD=POST ACTION="POST" NAME="Formulaire" OnSubmit="return minimum(document.Formulaire.NOM.value,16,document.Formulaire)">
5. Effacer automatiquement un champs

Ce script permet d'effacer automatiquement un champ... Utile lors de l'inscription à une mailing-list (évite les erreurs de type Votre E-mailwebmaster@allhtml.com). En fait, le clic de souris à l'intérieur du champ aura pour effet de supprimer le texte contenu dans ce même champ.

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Après avoir placé ce script entre les balises </TITLE> et </HEAD>, vous devez tester l'envoi du formulaire en ajoutant l'événement OnSubmit à la balise <INPUT> de votre formulaire. Ici, votre formulaire se nomme avis et le champ email.

<INPUT TYPE="text" NAME="email" SIZE=18 MAXLENGTH=75 VALUE="Votre E-mail" OnFocus="efface('avis','email');return true">
6. Formulaire de recommandation

Ce script est un formulaire de recommandation idéal pour votre site. Vous pouvez bien entendu paramétrer les variables : sujet et message. Le message est ensuite envoyé (mailto:) par la messagerie de votre visiteur.

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

7. Validation unique d'un formulaire

Ce script permet de bloquer, par l'apparition d'une fenêtre, plusieurs validations simultanées (appui répété sur la touche envoi) d'un formulaire. Utile pour ne pas recevoir plusieurs fois le même mail...

Script à placer entre les balise <HEAD> et </HEAD>
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> Vous devez insérer à l'intérieur de la balise <FORM>, l'événement OnSubmit qui retournera la fonction "envoi" définie plus haut.

<FORM METHOD=POST ACTION="http://www.votresite.com/cgi/votreform.cgi" NAME="Formulaire" OnSubmit="return envoi()">

8. Contrôler des boutons radio

Ce script permet de contôler des boutons radio afin de vérifier leur validation. Içi, les boutons radio sont les deux premiers éléments du formulaire.

Script à placer entre les balise <HEAD> et </HEAD>
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> Vous devez insérer à l'intérieur de la balise <FORM>, l'événement OnSubmit qui retournera la fonction "donneavis" définie plus haut.

<FORM METHOD=POST ACTION="http://www.votresite.com/cgi/votreform.cgi" NAME="Formulaire" OnSubmit="return donneavis()">

9. Changer le contenu d'une liste

Ce script permet de changer le contenu d'une liste à l'aide de boutons radio. Il faut d'abord définir les différents contenus de la liste qui se nomme LISTE.

Script à placer entre les balise <HEAD> et </HEAD>
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> Vous devez insérer à l'intérieur de la balise <INPUT> de chaque bouton radio l'événement OnClick qui retournera la fonction associée.

<INPUT TYPE="radio" name="choix" value="Animaux" OnClick="Animaux(this.form,this.form.liste)">Animaux <INPUT TYPE="radio" name="choix" value="Sports" OnClick="Sports(this.form,this.form.liste)">Sports <SELECT name="liste" align="top" size="6"> <OPTION value="Liste vide">Liste vide... </SELECT>

10. Compter les caractères

Ce script permet de compter les caractères contenus dans un champ de saisi. Dans cete exemple on limite à 250 caractères maximum.

Script à placer entre les balise <HEAD> et </HEAD>
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Note : Le formulaire balise FORM doit se nommer (NAME=) dans cette exemple formdescription et la boîte de saisi de comptage comptage.

Boîte de saisi :
<INPUT TYPE="text" NAME="comptage" size="4"> TEXTAREA :
<TEXTAREA NAME="commentaire" COLS=25 ROWS=6 WRAP="SOFT" onFocus="Compter(this,250,formdescription.comptage)" onKeyDown="Compter(this,250,formdescription.comptage)" onKeyUp="Compter(this,250,formdescription.comptage)" onBlur="Compter(this,250,formdescription.comptage)"></TEXTAREA>

11. Calculette pour caddie

Ce script permet d'additionner des produits (ou autres) à l'aide de formulaire. Danc cet exemple nous avons 3 produits (valeurs : 705 Frs, 614 Frs, 370 Frs) et le formulaire ce nomme caddie.

Script à placer entre les balise <HEAD> et </HEAD>
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Formulaire avec les 3 choix et le total des achats.

<FORM NAME="caddie"> Produit 1<INPUT TYPE="checkbox" NAME="achat1" VALUE="0" OnClick="calculette()"> <BR> Produit 2<INPUT TYPE="checkbox" NAME="achat2" VALUE="0" OnClick="calculette()"> <BR> Produit 3<INPUT TYPE="checkbox" NAME="achat3" VALUE="0" OnClick="calculette()"> <BR> <INPUT TYPE="text" NAME="Total" SIZE="8" READONLY> </FORM>

12. Liste déroulante de navigation

Ce script permet d'effectuer un lien vers une autre url à chaque ligne d'une liste déroulante.

Script à placer entre les balise <HEAD> et </HEAD>
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Formulaire contenant la liste déroulante.

</FORM> <SELECT NAME="listepages" SIZE=1 onChange="chgpage(this.form)"> <OPTION SELECTED>Choix de la page <OPTION VALUE="page1.html">Page 1 <OPTION VALUE="page2.html">Page 2 <OPTION VALUE="page3.html">Page 3 </SELECT> </FORM>