Vous pouvez me contacter via Facebook pour questions & suggestions :
Page Facebook relative à mon site
Il y a deux facons d'écrire ce mot : un accent aigu ou grave pour le deuxième E.
Cependant l'Académie française conseille d'utiliser un accent aigu sur le deuxième E.
Vous connaissez bien sûr les événements clic, survol, double clic, etc..
Mais il y a d'autres événements moins connus existants en Javascript natif et repris en jQuery.
Il y a aussi des événements spécifiques à Jquery.
événement | sens |
---|---|
click() | Clic gauche |
dbclick() | Double-clic |
mousedown() | Appui sur le bouton gauche ou droit de la souris alors que le pointeur est au-dessus de l'élément |
mouseover() | Début de survol de l'élément |
mouseout() | Arrêt de survol de l'élément |
mousemove() | Déplacement du pointeur au-dessus de l'élément |
mouseup() | Relâchement du bouton gauche ou droit alors que le pointeur est au-dessus de l'élément |
scroll() | Utilisation de la roulette alors que le pointeur se trouve au-dessus d'un élément concerné par ce type d'événement |
Les événements les plus utilisés sont click, mouseover et mouseout.
Une page contient des images petites et transparentes et un boite rose dont le contenu est en partie masquée.
Sur survol d'une image, celle-ci s'agrandit et devient opaque.
Sur clic dans la boite rose, la hauteur de celle-ci est ajoutée au contenu.
Après le clic ou le survol les éléments doivent retrouver leur aspect initial.
$("img").mouseover(function() {$(this).css({opacity : "1", width:"30%"});}); $("img").mouseout(function() {$(this).css({opacity : '', width:''});}); // emploi de la notation {clé:valeur,clé:valeur} $('div').click(function() {$(this).css("height", "auto") ; }); $('div').mouseout(function() {$(this).css("height","");});
Objectif : affichage en permanence de la position de la souris dans la fenêtre.