<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>
|