Discussion :

[Casp]

Bonjour à tous,

voila mon petit soucis, je voudrai lorsqu'un utilisateur clique sur un bouton de ma page, modifier le curseur de ma souris.
tous les exemple que j'ai trouvé pour le moment permet de modifier le curseur lorsque l'on passe au dessus d'une zone.

Merci de votre aide

Cordialement

Casp

[Capt. Flame]

tu dois utiliser l'évenement "onclick"

[Capt. Flame]

Et si tu veux que le changement soit effectif sur l'ensemble de la page, tu dois faire ton changement de style au niveau du body...

[Casp]

le coup du onclick je connaissais

sinon pour le moment j'arrive a changer la forme du curseur qd je clique sur le bouton mais que si la souris reste sur le bouton this.style.cursor = "wait"

mais le truc c'est que je voudrai que le curseur à le style wait sur l'ensemble de la page, et document.style.cursor n'existe pas.

comment faire ??

[SpaceFrog]

en l'occurence this => c'est l'objet en question


il suffit alors de faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.body.style.cursor = "wait"

logique non ?

[Casp]

merci, c'est ce que j'étais en train de tester.

maintenant le proclème est que j'ai bien le curseur avec le style wait sur la page, mais dès que je passe au dessus d'un autre élément de ma page (par exemple un bouton, champs de saisie) alors le curseur redevient normal.

est ce que je doit faire une fonction js qui recupère les différents elements pour leur appliquer ce style pour le curseur ?

[SpaceFrog]

alors il faut faire un boucle sur tous les éléments de la page pour attribuer le style du curseur ...

[Matthieu2000]

Et si tu mets un calque au milieu de l'écran avec une phrase "En attente"

[Casp]

ouai aussi avec un calque, mais là je ne sais pas faire non plus

ce n'est vraiement pas mon fort le js

[SpaceFrog]

à la mode le calque mat ?

[Casp]

vous auriez un exmple de calque, comme ça je pourrai leur proposez les deux solutions à mon équipe

[SpaceFrog]

http://www.developpez.net/forums/viewtopic.php?t=424838

[Casp]

j'ai un truc bizare

j'ai une balise <a id="link1" .... >toto</a>

qiand je fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("link1").style = "cursor:wait";

j'ai une erreur, je ne comprends pas trop pourquoi.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("link1").style.cursor= "wait";

sinon c'est styleText ou un truc du genre

[Casp]

Merci pour tout, ça marche