Ajouter aux favoris contact plan du site Downloads Liens - Partenaires
Accueil
Rubrique HTML Rubrique XML-XSL Rubrique XHTML Rubrique CSS Rubrique JavaScript Rubrique SVG Rubrique Codes - Tutoriels
H T M L
Introduction
Index - Liste des tags
Les tags hors W3C
Tableau des couleurs
Caractères HTML
Les styles CSS
Tutoriels
Les images
Les meta tags
Les scrollbars

OnClick

» INDEX « Evènement OnDblClick

L'évènement onclick est associé au click du bouton gauche de la souris

. Il exécute le code contenu dans l'attribut onclick de l'élément HTML sur lequel il a été appliqué. Il faut toutefois pour que l'évènement onclick soit valable que les évènements onmousedown et onmouseup (appuyer et relacher le bouton) soient effectués sur ce même élément.

Son utilisation la plus fréquente se fait sur les boutons mais il est également possible d'associer l'évènement onclick à de nombreuses balises parmi lesquelles <table>, <tr>, <td>, <img>, <span>, <label>, <a> ...
L'évènement onclick déclenche une ou plusieurs actions : celles-ci peuvent être soit du code soit l'appel à une ou plusieurs fonctions écrites dans des blocs de script.

Un clic peut agir simultanément sur plusieurs contrôles, par exemple dans le cas d'une cellule et d'une ligne d'une table. Dans ce cas l'ordre d'exécution se fait de l'élément inclu (la cellule) vers l'élément conteneur (la ligne).

L'évènement onclick n'est pas forcément le premier à agir sur un élément. Par exemple un élément lancera le script associé à l'évènement onfocus avant celui associé à l'évènement onclick. De même, l'évènement ondblclick s'effectuera à la suite de l'évènement onclick.


  Exemple :  
Les éléments d'une table sont cliquables suivant une certaine priorité (la cellule, la rangée puis la table).

Cellule Ligne
Table Table


De manière plus générale :

<input type="button" value="Cliquez ici" onclick="alert('Clic');">



<img src="mail.bmp" style="cursor:hand;" onclick="alert('Contact');">


commentaires / remarques
© Copyright 2004 by StartYourDev