Programmation ⇒ javascript facebook twitter youtube

Comptage boite | Comptage boite


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>




>
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces