IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Difficult�s pour changer le curseur sur click gauche


Sujet :

JavaScript

  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    2
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 2
    Par d�faut Difficult�s pour changer le curseur sur click gauche
    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 !

  2. #2
    Expert �minent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par d�faut
    Bonjour,
    Citation Envoy� par Cerambyx_Cerdo Voir le message
    Si vous avez des id�es ou des suggestions, je suis preneur, parce que cela fait un moment que je suis dessus, en vain. :-)
    un cache g�r� diff�remment ? (cache � 0 sur les postes o� tu n'as pas l'image tout de suite)

    A+

  3. #3
    Membre chevronn�
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    397
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 397
    Par d�faut
    C'est ce que je pensais, as tu essay� de "pr�-charger" les images dans le cache, c'est peut-�tre dut au temps de download de l'image....

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    1) as tu pr�charg� les images ?

    2) le png ne passe pas bien sous IE surtout au niveau des transparences

    3) selon le w3c l'url doit �tre un string ...
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.body.style.cursor = "url('down.png'),url('down.ico'), auto;";
    4) le fait de mettre dans l'order png ico auto va plutot jouer sur l'existantce ou non du fichier image, pas sur la capacit� du syst�me � interpr�ter l'image
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    2
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 2
    Par d�faut
    D�j�, merci � tous !

    Malheureusement, le pr�-chargement ne change pas le comportement fantaisiste du curseur.
    En faisant des tests � l'instant, j'ai pu constater que le curseur pr�sentait des incoh�rences sur un pc sur quatre environ.

    Je poursuis mes exp�riences en tout cas.
    Encore merci.

Discussions similaires

  1. R�ponses: 2
    Dernier message: 30/06/2008, 14h23
  2. R�ponses: 1
    Dernier message: 01/02/2007, 16h47
  3. R�ponses: 1
    Dernier message: 10/01/2007, 21h52
  4. Aide pour changer de couleur sur les primitifs GLUT
    Par romainhoarau2764 dans le forum GLUT
    R�ponses: 3
    Dernier message: 19/03/2005, 13h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo