Au travers de ces différentes pages, nous essayerons de vous familiariser avec le Javascript.
Nous vous souhaitons une bonne lecture, mais surtout une bonne programmation :)
Chapitre 12.3.1 Lire une valeur dans une zone de texte
Voici un exemple que nous détaillerons :
Voici une zone de texte. Entrez une valeur et appuyer sur le bouton pour contrôler celle-ci.
Le script complet est celui-ci :
<HTML>
<HEAD>
<SCRIPT LANGUAGE="Javascript">
function controle(form1) {
var test = document.form1.input.value;
alert("Vous avez tapé : " + test);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="form1">
<INPUT TYPE="text" NAME="input" VALUE=""><BR>
<INPUT TYPE="button" NAME="bouton" VALUE="Contrôler" onClick="controle(form1)">
</FORM>
</BODY>
</HTML>
Lorsqu'on clique le bouton "contrôler", Javascript appelle la fonction controle() à laquelle on passe le formulaire dont le nom est form1 comme argument.
Cette fonction controle() définie dans les balises <HEAD> prend sous la variable test, la valeur de la zone de texte. Pour accéder à cette valeur, on note le chemin complet de celle-ci (voir le chapitre "Un peu de théorie objet"). Soit dans le document présent, il y a l'objet formulaire appelé form1 qui contient le contrôle de texte nommé input et qui a comme propriété l'élément de valeur value. Ce qui donne document.form1.input.value.
