Evénements

page se décharge. Unload est l’un de quelques dizaines d’événements de page possibles – la figure 3 contient les plus intéressants. Mais, pour le moment, nous nous intéressons à l’événement close, auquel nous assignons JavaScript pour fermer la fenêtre log. Pour bien comprendre le processus open et close, le HTML suivant ouvre une nouvelle fenêtre, définit la focalisation sur la fenêtre originale, affiche une page vide, puis ferme la fenêtre log quand vous sortez de la page :

<script>
  var logWin = window.open(); window.focus();
</script>
<body onunload="logWin.close();">

Le HTML de la figure 1 inclut les fonctions JavaScript log et add. Pour afficher le résultat de la fonction add, l’utilisateur introduit deux valeurs dans le formulaire HTML puis clique sur le bouton Add pour exécuter JavaScript. Le résultat apparaît dans le quatrième élément d’entrée. Le JavaScript pour le bouton d’entrée est le suivant

onClick="this.form.result.value = add(document.addForm.one, document.addForm.two);"/>

L’attribut onclick ordonne au navigateur d’invoquer la fonction add quand l’utilisateur clique sur le bouton Add. Les deux arguments de fonction utilisent la variable de page spéciale appelée document pour extraire d’abord le formulaire puis un champ de ce formulaire par le nom. La valeur de renvoi de la fonction add est assignée à la valeur result field du formulaire. J’utilise la syntaxe this.form.result.value plutôt que document.addForm.result. value afin de pouvoir introduire une autre variable spéciale appelée this. Le mot-clé this est sensible au contexte parce qu’il fait référence au contexte d’objet HTML courant qui, dans cet exemple, est le bouton input. Si le mot-clé this est utilisé à l’intérieur du body tag ou du form tag, il fait référence à l’objet HTML. Un objet input element HTML a une douzaine d’attributs. L’un d’entre eux est form, qui fait référence au formulaire qui contient l’élément d’entrée – c’est-àdire la qualification this.form.res u l t du champ result de addForm.