Bonjour à tous !

Je travaille dans le cadre professionnel sur un site pour lequel la cliente à formulé la requête suivante:
Que le curseur de la souris ait son icône modifiée en cas de click.
Concrètement, le curseur doit prendre alors la forme d'un oeil fermé (le curseur étant représenté sinon par un oeil ouvert).

J'ai trouvé cette solution-ci:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
        <script type="text/javascript">
            function changedown(){
                document.body.style.cursor = "url(down.png),url(down.ico), auto;";
            }
 
            function changeup(){
                document.body.style.cursor = "url(up.png),url(up.ico), auto;";
            }
 
            changeup();
        </script>
    </head>
    <body onmousedown="changedown();" onmouseup="changeup();" >
Notes: Le second jeu de curseurs en .ico est utilisé par compatibilité avec IE, l'appel à la fonction changeup() dans le script sert à donner au curseur son image de base.

Mon problème est que cette implémentation se comporte de façon totalement anarchique, ne fonctionnant pas de la même façon sur deux machines différentes, même avec un navigateur rigoureusement identique.

Exemples de problèmes:
  • (un navigateur firefox) Le curseur prends sa forme "flèche basique" lors du click, pour n'être remplacé par l'image qu'en cas de mouvement du curseur.
  • (un navigateur ie) Le curseur n'est pas remplacé en cas de click, à mois d'insister longtemps.
  • tout marche parfaitement sur tous les navigateurs sur certains postes (mais pourquoi ?!)


Si vous avez des idées ou des suggestions, je suis preneur, parce que cela fait un moment que je suis dessus, en vain. :-)

Merci !