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 :

changement backgroundImage javascript


Sujet :

JavaScript

  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Par défaut changement backgroundImage javascript
    Bonjour,

    Je souhaite modifier une image si on clique sur une autre en javascript:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <td width="62" align="center"><a href="javascript:changecouleur(noir);"><img src="images/choix_tshirt/t-shirt-noir-V.gif" width="50" height="47" border="0"></a></td>
    <td width="60" align="center"><a href="javascript:changecouleur(blanc);"><img src="images/choix_tshirt/t-shirt-blanc-V.gif" width="50" height="47" border="0"></a></td>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    function changecouleur(couleur){
      if(couleur=="blanc")
      {    document.getElementById('cell').style.backgroundImage='images/structure/homme-blanc.gif';
      }
      elseif(couleur=="noir")
      {    document.getElementById('cell').style.backgroundImage='images/structure/homme-noir.gif';
      }
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <TD width=298 height="450" valign="top" background="images/structure/homme-blanc.gif" bgcolor="#6699FF" id="cell">
    Je ne comprend pas pourquoi ca ne marche pas...

    HELP PLEASE...

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Aucune balise n'a l'id "cell" que tu appelles dans ton Javascript :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('cell')

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Par défaut
    Si si voici le code de cette balise:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <TD width=298 height="450" valign="top" background="images/structure/homme-blanc.gif" bgcolor="#6699FF" id="cell">

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    javascript:changecouleur('noir')
    Tu as oublié les quotes autour de noir et blanc dans les appels de ta fonction.

  5. #5
    Membre éprouvé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Par défaut
    Ah oui déja ca c t pa terrible...

    Sinon maintenant l'erreur renvoyée est:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    Avertissement : Erreur d'analyse de la valeur pour la propriété « background-image ».  Déclaration abandonnée.
    Fichier source : http://127.0.0.1/KdoDebil/tshirts.php#
    Ligne : 0
    Je ne comprend pas pourquoi ca ne marche pas... ca me semble correct...

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('cell').style.backgroundImage='url(images/structure/homme-noir.gif)';
    Désolé de ne pas tout voir du premier coup, je suis un peu lent ce soir.

  7. #7
    Membre éprouvé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Par défaut
    Merci Beaucoup C Genial!!

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

Discussions similaires

  1. [CSS/Javascript] Changement des propriété CSS dynamiquement
    Par heladar dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 06/02/2009, 12h33
  2. [javascript][IE6] changement automatique taille du texte
    Par MatMeuh dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 04/12/2008, 12h05
  3. Déclencheur javascript dans un input lors d'un changement de valeur!
    Par kalash_jako dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 24/04/2006, 18h34
  4. balise marquee, changement de sens avec javascript
    Par zubaran dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 08/04/2006, 09h54
  5. [javascript] changement contenu
    Par trihanhcie dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 07/04/2006, 18h41

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