Evenements-liens

Un evenement lien est un mot cléf qui permet de savoir aprés quelle action de l'utilisateur du navigateur doit charger la fonction JavaScript.

Dans JavaScript, vous disposez de plusieurs évenements-liens:

Evenement-lien onBlur

Quand votre curseur est dans une case d'un formulaire, et que vous changez de case, le premier perd votre attention, c'est ce que l'on appele un evenement Blur. Un onBlur éxecute un code JavaScript, comme tous les evenements liens.

Referez vous aux objets apropriés pour la syntaxe.

Evenement lien de

select, text, textarea

Exemples

Dans les exemples suivants, userName est une case à remplir obligatoirement. Quand un utilisateur essaye de quitter la case, l'énement-lien onBlur appele la fonction required() qui confirme que la case userName est remplie.

<INPUT TYPE="text" VALUE="" NAME="userName" onBlur="required(this.value)">

Voyes aussi

Les évenements-Liens onChange , onFocus

Evenement-lien onChange

Quand une case perd votre attention (vous savez, quand vous passez à une autre case...), et qu'un changement a été fait, c'est un Evenement-Lien onChange.

Vous pouvez utiliser un evenement-lien onChange pour par exemple valider une case qui a été modofiée par un utilisateur.

Referez vous aux objets apropriés pour la syntaxe.

Evenement lien de

select, text, textarea

Examples

Dans l'éxemple suivant, userName est une case de texte dans un formulaire. Quand un utilisateur essaye de quitter cette case aprés l'avoir modifiée, onChange appèle une fonction checkValue qui vérifie si le contenu de la case est variable.

<INPUT TYPE="text" VALUE="" NAME="userName" onChange="checkValue(this.value)">

A voir aussi

Les évenements liens onBlur, onFocus

Evenement-lien onClick

Quand vous cliquez sur un objet dans un formulaire, c'est un évenement-lien onClick.

Referez vous aux objets apropriés pour la syntaxe.

Evenement-lien de

button, checkbox, radio, link, reset, submit

Exemples

Par exemple, supposez que vous ayez créé une fonction appelée compute(). Vous pouvez lancer cette fonction avec un bouton de formulaire avec un évenement-lien onClick., comme ceci:

<INPUT TYPE="button" VALUE="Calculer" onClick="compute(this.form)">

Dans cet exemple, le mot-cléf this se refere à l'objet courant, dans ce cas le bouton calculer. La construction this.form se refère au formulaire contenant le bouton.

Prenopns un autre exemple. Imaginez que vous ayez créé une fonction JavaScript appelée pickRandomURL() qui vous permet de choisir un URL au hasard, vous pouvez utiliser l'evenement-lien onClick d'un lien pour specifier une valeur pour le HREFdu tag dinamiquement, comme dans cet exemple:

<A HREF=""
   onClick="this.href=pickRandomURL()"
   onMouseOver="window.status='Pick a random URL'; return true">
Go!</A>

Dans cet exemple, le onMouseOver sert à voir un mesage dans la status bar quand la souris passe sur le lien. Néanmoins, cet évenement-lien est traité plus bas...

Evenement-lien onFocus

Quand vous passez sur une case pour l'editer, c'est un onFocus. C'est bien sûr le contraire de onBlur.

Referez vous aux objets apropriés pour la syntaxe.

Evenement-lien de

select, text, textarea

Exemples

L'exemple ci-aprés utilises un évenement-lien onFocus dans un cadre de texte d'un formulaire appelé valueField pour appeler la fonction valueCheck().

<INPUT TYPE="textarea" VALUE="" NAME="valueField" onFocus="valueCheck()">

A voir aussi

Les Evenements-liens onBlur , onChange

Evenement-lien onLoad

Quand Navigateur a fini de charger toute une page, ou toutes les frames (si utilisé dans Frameset), c'est un onLoad.

Vous pouvez utiliser l'évenement-lien aussi bien avec le tag qu'avec le tag , par exemple, <BODY onLoad="...">.

Quand vous avez une relation FRAME SRC="votre_page.htm" dans un FRAMESET, les onLoad de la page votre-_page.htm sont éxecutées avant les onLoad quise trouvent dans le FRAMESET.

Evenement-lien de

Exemples

Dans l'exemple suivant, l'évenement-lien onLoad affiche un message de bienvenue aprés le chargement d'une page.

<BODY onLoad="window.alert("Welcome to the Brave New World home page!")>

A voir aussi

L'évenement-lien onUnload

Evenement-lien onMouseOver

Celui-ci est trés simple, un MouseOver, c'est quand la souris passe sur un objet.

Evenement-lien de

Exemples

Par défaut, un lien HREF affiche dans la barre d'état de Navigateur le nom de la fonction ou du fichier qui est lié. Dans cet exemple, le onMouseOver affiche une phrase à la place: "Cliquez içi si vous avez chiche"

<A HREF="http://home.netscape.com/"
   onMouseOver="window.status='Cliquez içi si vous avez chiche!'; return true">
Cliquez moi</A>

Voyez onClick pour un exemple de onMouseOver quand le tag <A HREF> est défini dinamiquement...

Evenement-lien onSelect

Là, le onSelect c'est quand vous selectionnez du texte dans une case ou un cadre de texte.

Evenement-lien de

Exemples

L'exemple suivant utilise un évenement-lien dans l'objet texte valueField pour appeler une fonction selectState().

<INPUT TYPE="text" VALUE="" NAME="valueField" onSelect="selectState()">

L'évenement-lien onSubmit

Le onSubmit, c'est simplement quand vous envoyez un formulaire en cliquant sur le bouton.

evenement-lien de

Exemples

Dans l'exemple suivant, l'évenement-lien onSubmit appèle une fonction formData() pour verifier que les données sont valides. Si elles ne le sont pas, le formulaire n'est pas envoyé.

form.onSubmit="return formData(this)"

See also the examples for the form object.

A voir aussi

L'objet submit

la procédure submit

L'évenement-lien onUnload

L'évenement-lien onUnload, c'est quand vous quittez un document.

Vous pouvez utiliser l'évenement-lien onUnload aussi bien dans le tag que dans le tag , par exemple:
tt><BODY onUnload="...">.

Comme pour onLoad, les onUnload présents dans les des pages des Frames seront chargées avant celles placées dans le .

Evenement-lien de

Exemples

Dans l'exemple suivant, l'évenement-lien onUnload appèle une fonction cleanUp() qui éxecute une sorte de comande quitter de la page web...

<BODY onUnload="cleanUp()">

A voir aussi

L'évenement lien onLoad