Gestion des Evenements

L'exemple qui suit montre comment gérer certains événements de base. Dans ce cas précis, on se contente d'afficher l'événement en question au moment où il se produit.


<HEAD>


<SCRIPT>


function DisplayMsg(msg,event) {


	alert(msg + "\n" + event);


}


</SCRIPT>

</HEAD>

<BODY onLoad="DisplayMsg('Le document a ete charge','onLoad');"


      onUnload="DisplayMsg('Merci de votre visite','onUnload');">


<H3 align=center> Gestion des Evenements <HR> </H3>





<A href=""


        onClick="DisplayMsg('Vous avez clique sur un lien hypertexte', 'onClick')"


        onMouseOver= "DisplayMsg('Vous etes positionne sur un lien hypertexte',
                      'onMouseOver')"> 


Lien  hypertexte </A>





<FORM METHOD=POST >


<TABLE>


<TR> <TD> Appuyez sur ce bouton  


     <TD><input type=checkbox


          onClick="DisplayMsg('Vous avez clique sur un bouton','onClick')">





<TR> <TD> Champ de saisie 


     <TD> <input type=text SIZE=14


       onFocus="DisplayMsg('Vous devez saisir du texte.','onFocus')"


       onBlur="DisplayMsg('Vous avez saisi:',this.value)"


       onChange="DisplayMsg('Vous avez saisi:',this.value)">


<TR> <TD> Selections 


     <TD> <SELECT Name=Selection


             onChange="DisplayMsg('Vous avez choisi:',
                       this.options[this.selectedIndex].text)">


          <OPTION VALUE=Option1> Selection1


          <OPTION VALUE=Option2 SELECTED> Selection2 


          <OPTION VALUE=Option3> Selection3


          </SELECT>


</TABLE>

</FORM>

</BODY>

Lien hypertexte