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 :

onClick/onMouseOver/onMouseOut + <a href>+<img>


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    47
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2004
    Messages : 47
    Points : 32
    Points
    32
    Par défaut onClick/onMouseOver/onMouseOut + <a href>+<img>
    Bonjour,

    Comment faire pour que le onMouseOut n'interfère pas sur le onClick ?

    Je m'explique :

    j'ai une image qui me sert de lien.
    Cette image je la change lors du passement ou non de la souris.
    Lors du clic sur le lien (l'image en l'occurence) je change l'image.

    donc code suivant:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="javascript:;" onClick="document.img.src='MyImgA.jpg';"  onMouseOver="document.img.src='MyImgA.jpg';"  onMouseOut="document.img.src='MyImgB.jpg';"><img name="img" src="MyImgB.jpg"></a>
    Mais à cause du onMouseOut il change l'image......

  2. #2
    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 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 637
    Points : 66 662
    Points
    66 662
    Billets dans le blog
    1
    Par défaut
    avec une fonction


    dans le mouseout tu appelles une fonction qui vérifies si l'image à été clickée...
    dans le onclick tu modifies une variable qui te permettra de savoiur si l'image à été cliquée ou non ...


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="javascript:;" onClick="document.img.src='MyImgA.jpg';cliked=1"  onMouseOver="document.img.src='MyImgA.jpg';"  onMouseOut="QuitIMG()"><img name="img" src="MyImgB.jpg"></a>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var clicked=0;
    function QuitImg(){
    document.img.src=(clicked==0)?'imagesipascliqué.gif':'imagesiclické.gif';
    }
    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 !

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    47
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2004
    Messages : 47
    Points : 32
    Points
    32
    Par défaut
    Merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. allier onMouseOver, onMouseOut et onClick dans une seule fonction
    Par crypticcyco dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 16/09/2008, 13h39
  2. OnMouseOver, OnMouseOut et OnClick
    Par the.l666 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 08/12/2007, 09h45
  3. hyperlink onclick onmouseover
    Par Alex35 dans le forum ASP.NET
    Réponses: 1
    Dernier message: 21/11/2007, 13h38
  4. [ASP1.1]Utiliser onMouseOver/onMouseOut sur datagrid?
    Par Cervantes dans le forum ASP.NET
    Réponses: 3
    Dernier message: 02/05/2007, 13h33
  5. accès à onmouseover/onmouseout => changement de style
    Par tomy4ever dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 14/12/2006, 22h33

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