Dynamic-Mess.com


"The world is a dynamic mess of jiggling things..."

Changement et gestion de curseur en jQuery

Article posté le 20-12-2013 dans la catégorie JavaScript, JQuery...

Attention, le contenu cet article est peut-être obsolète!

Premier article d'une petite série pour la gestion de vos évènements et de votre DOM en jQuery. Pour rappel , ce framework JavaScript, qui donc s'éxecute côté client, vous permet de rendre votre site plus dynamique...

Quelques extraits de code basiques pour la gestion de votre curseur en jQuery, idéal pour la gestion des éléments de base pour vos scripts :

MouseOver:

$("#Toto").mouseover(function()
{
//Code à éxecuter lors du passage de la souris au dessus de l'élément ayant pour id "Toto"
});

MouseOut :

$("#Toto").mouseout(function()
{
//Code à éxecuter lors du passage de la souris quitte le dessus de l'élément ayant pour id "Toto"
});

Onclick

$("#Toto")..click(function()
{
//Code à éxecuter lors du passage lors d'un clic de souris sur l'élément ayant pour id "Toto"
});

Changement du curseur

Quand vous utilisez les fonctions énumérées ci-dessus, il est bien pour l'utilisateur de voir le curseur changer :

$(this).css('cursor','pointer'); //Curseur change comme quand vous survolez un lien
$(this).css('cursor','auto'); //Curseur normal

Toujours du code de base...


Cet article vous a plu? Découvrez d'autres articles


Tweet
comments powered by Disqus