Discussion :

[Rahim-US]

Salut à tous,

Bon j'aimerai changer le curseur de ma page web en remplaçant le curseur par défaut de Windows par un curseus perso animé, j'ai posté un post dans le forum CSS, et on ma répondu qu'on peut faire ça à l'aide d'un JavaScript.
Moi j'ai aucune idé comment faire ça avec JavaScipt.
Voila et merci d'avance.

[nsanabi]

un lien que tu appréciera
ils disent que L'intégration de curseur personnalisé ne s'opère que sur Internet Explorer, pourtant cela a fonctionné pour moi sur googlechrome et firefox (sous windows du moins)

[Rahim-US]

Merci beaucoup pour le site, je vais tester quand je rentre à la maison.

[Rahim-US]

Salut,
Bon j'ai tester et ça a marcher que sous Internet Explorer, pour FireFox ça n'a pas marcher.
Comment t'as fait pour Firefox et GoogleChrome.

[nsanabi]

j'ai rien fait.
est ce que rien ne se passe quand tu passe la souris sur l'un des liens (pointer) présent dans la page précédente ??

[Rahim-US]

Si, sur Internet Explorer, j'ai le curseur par défaut est le crosshair, mais sur Firefox le curseur de Windows par défaut.
Sur les liens y-a rien, pas de curseur, sauf les liens du test.
J'utilise Firefox v3.6 comme navigateur par défaut et Internet Explorer 8 pour les tests.

[nsanabi]

j'ai google chrome 4.0.249.89 et firefox 3.6.2 les deux affichent très bien les curseurs quand je survole les liens de la page

[Rahim-US]

Merci pour tes réponses, mais je crois que tu m'a pas compris, mon problème n'est pas au survole sur les liens, mais changer carrément le curseur de toute la page (curseur .ani) et non pas les liens seulement.

[nsanabi]

je sais, si cela fonctionne pour les liens il fonctionnera pour toute la page

[Rahim-US]

y-a t'il un code en JavaScript??

[vermine]

Bonjour,

On peut faire par CSS en fait (sous Windows en tout cas) comme indiqué sur le lien de nsanabi:

Code :

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

1
2
3
4
 
body{
    cursor : url(/mon_curseur.ani), auto;
}

Il accepte des fichier .ani, .cur, .csr, mais aussi des .ico et peut-être d'autres mais une certaine taille d'image doit être respectée, à mon avis.

En Javascript, il faut accéder au style de l'objet qui est sensible au curseur:

Code :

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

1
2
 
this.style.cursor = 'mon_curseur';

Par contre je ne sais pas où il faut mettre l'image pour qu'on le navigateur la retrouve. :-/
Et le problème reste le même, ça fonctionne sur IE mais pas sous FF.

[Rahim-US]

Salut,
Bon excusez moi pour mon retard, et je vois remercie pour vos réponses, je vais tester ça.