Exemples & Sources en JavaScript Annuaire francophone du CGI Exemples & Sources en JavaScript
Accueil du site

Détection (3)
Divers (10)
Formulaire (11)
Image (5)
Navigation (3)

Les 10 derniers
Les plus vus

Infos sur JavaScript
Les mots réservés
Les événements
Les opérateurs

Archives

A propos du site
Le Forum du site

Linker Scripts-fr !

Faîtes un lien sur votre site

 

Valid HTML 4.01!
Valid CSS!

Actuellement 2 connectés

Bienvenue sur Scripts-fr.com

Comptage boite


Exemple :

Peut-être avez vous un formulaire sur votre site web ?
Voir même un livre d'or ?
Vous utilisez peut-être la balise <TEXTAREA NAME="nanana" COLS=00 ROWS=0> et bien sur vous voulez limiter le nombre de caractères de la boite.
Eh bien désormais c'est facile ! Non seulement vous limiterez ne nombre de caractères mais en plus vous permettrez à votre visiteur de vérifier lui même si il dépasse ou pas la limite.

Prenons une boite toute simple:

Tapez y quelque chose de plus de 20 caractères, et cliquez sur Vérif pour voir.

Explication du script : (a copier et à coller)

<html>
<head>
<title></title>

<script type="text/javascript">
<!-- Debut
// JavaScript pris sur le site: "http://www.java.scripts-fr.com"

function dim(form, field)
  
// Je reviendrais sur ces paramètres plus tard
{
 if (field ==1)
  
// Notez que field vaut 1
  {
  Ctrl = form.boite;

/*
on met ici dans la variable Crtl form.boite (le formulaire et le nom de l'objet) qui nous serviront plus tard...
*/

  y = 20;

/*
La on fixe la valeur maximale du nombre de caractères à entrer (ici 20)
dans la variable y
*/

  }
 x = Ctrl.value.length;

/*
Puis nous mettons le nombre de caractères de la valeur de l'objet <textarea> du formulaire dans une variable x.

Ok c'est de la traduction mot a mot ;-), je vais mieux expliquer.
Ctrl    contient : le formulaire et la boite à texte
value   contient : tous les caractères tapés dans la boite
length  contient : le nombre de caractères
Donc mis bout à bout ça donne que x = nombre de caractères du total entré dans la boite qui se trouve dans le formulaire, simple non ? ;-D
*/

 if (x < y)
  
// si x est plus petit que y
  SendMsg (Ctrl, "
Tout est OK ! " + x +" caractères");
// Tout va bien
 else
  SendMsg (Ctrl, "
Attention ! Votre texte est trop long. " + x +" caractères");
// Sinon on râle
}

/*
Notez que l'on a envoyé notre texte à la fonction SendMsg qui se trouve juste en dessous

function SendMsg (Ctrl, PromptStr)
{
 alert (PromptStr);
// On ouvre une boite d'alerte (avec la méthode alert)
// et on y met notre texte (
str) grâce à la méthode Prompt

 Ctrl.focus();
 return;
// ces lignes servent à remettre le curseur dans la boite
}

// fin du script -->
</script>

</head>
<body>

<FORM>
<TEXTAREA NAME="boite" COLS=40 ROWS=2>
</TEXTAREA>
<INPUT TYPE="button" VALUE="Verif" onClick="dim(this.form,1)">
<!--
En cliquant sur le bouton, on active la fonction dim en lui envoyant les paramètres
this.form (ce formulaire) et 1 qui sera compris dans notre fonction comme la valeur de field.
Pourquoi ce
1 ? Tout simplement au cas où vous voudriez mettre plusieurs formulaires dans la même page avec une possibilité de nombre de caractères différent.
-->

</FORM>

</body>
</html>


© 2002 Java.Scripts-fr - Tous droits réservés - Design altiline.com - Hébergement eBusiness.be
Pour tout commentaire, n'hésitez pas à contacter le webmaster

Contact !