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 :

changer image d'un bouton dynamiquement


Sujet :

JavaScript

  1. #1
    Dnx
    Dnx est déconnecté
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2003
    Messages
    290
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2003
    Messages : 290
    Points : 154
    Points
    154
    Par défaut changer image d'un bouton dynamiquement
    bonjour

    je voudrais créer un bouton image et lors du click, il change d'image et lors du reclick il revient a l'image initiale

    j'y suis presque arrivé mais il y a encore un petit bug que je n'arrive pas à résoudre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <img src="img/Silver-Play-Button.gif" id="PlayOrPause" onClick="if(this.src =='../img/Silver-Play-Button.gif'){alert('vrai')}else{alert(this.src)} doPlayOrPause()">
    voila le probleme c'est que le test n'est jamais vrai
    en fait quand j'affiche this.src, il m'affiche l'adresse complète (http://localhost/.../.../img/img.gif)

    et je voudrais ne pas mettre en dur l'adresse de l'image mais plutot utiliser les adresse relatives, pourriez vous m'aider svp?

    merci d'avance

  2. #2
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 48

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Points : 5 011
    Points
    5 011
    Par défaut
    commence par mettre ton code dans une fonction que tu appelle depuis le onclick, apres on y verra plus clair.
    Alunissage : Procédé technique consistant à déposer des imbéciles sur un rêve enfantin.

    Cours | FAQ | Sources Javascript
    Cours | FAQ | Sources PHP
    Mes Articles

  3. #3
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 48

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Points : 5 011
    Points
    5 011
    Par défaut
    sert toi de lastIndexOf et de substring pour tester la derniere partie du src seulement
    Alunissage : Procédé technique consistant à déposer des imbéciles sur un rêve enfantin.

    Cours | FAQ | Sources Javascript
    Cours | FAQ | Sources PHP
    Mes Articles

  4. #4
    Dnx
    Dnx est déconnecté
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2003
    Messages
    290
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2003
    Messages : 290
    Points : 154
    Points
    154
    Par défaut
    j'ai utilisé une fonction et j'ai envoyé l'objet image en paramètre et ca marche

    merci

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

Discussions similaires

  1. Changer le style de bouton dynamiquement
    Par hammachat dans le forum jQuery
    Réponses: 1
    Dernier message: 08/04/2015, 09h43
  2. [XL-2010] VBA - Changer dynamiquement l'image d'un bouton d'un ruban personnalisé
    Par kifran91 dans le forum Macros et VBA Excel
    Réponses: 0
    Dernier message: 27/02/2015, 15h58
  3. Changer dynamiquement l'image sur un bouton
    Par Higgins dans le forum Windows Presentation Foundation
    Réponses: 2
    Dernier message: 09/11/2010, 11h42
  4. [FLASH MX2004] Changer l'image d'un bouton
    Par exe dans le forum Flash
    Réponses: 3
    Dernier message: 05/12/2004, 14h26
  5. changer image lorsque bouton cliqué
    Par mussara dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 27/11/2004, 12h43

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