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 une backgourd-image


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Par défaut Changer une backgourd-image
    Salut a tous,

    je voudrais savoir si l'on pouvait changer une image de fond en javascript. Attention je ne parle pas d'une image de type <img src="">.. ca je sais comment les manipuler.

    Par exemple (ca ne marche pas) mais j'aimerais pouvoir faire:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    OnClick="this.backgound-image=url(../imagesite/cadredragndroptopright.gif);"
    Vous avez des idées?

  2. #2
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    OnClick="this.style.backgoundImage='url(../imagesite/cadredragndroptopright.gif)';"
    tu avais simplement oublié des quotes et le formatage des propriétés CSS en JavaScript
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  3. #3
    Membre éprouvé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Par défaut
    Citation Envoyé par Swoög
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    OnClick="this.style.backgoundImage='url(../imagesite/cadredragndroptopright.gif)';"
    tu avais simplement oublié des quotes et le formatage des propriétés CSS en JavaScript
    Merci .

    Par contre ca ne marche toujours pas. Mais il n'y a pas d'erreur renvoyé.

    J'ai mis mon onclick dans un <td>, ca marche normalement ou pas?

  4. #4
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    normalement il n'y a pas de problèmes...
    Je viens même de faire le test et ça marche parfaitement (FF & IE)
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  5. #5
    Membre éprouvé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Par défaut
    C'est bizarre ca marche toujours pas chez moi.

    Voici mon bout de code (il est dans un echo php):
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <td style="cursor:pointer; width:86px;background-image:url(../imagesite/'.$habillage.'/cadredragndroptopright.gif);" OnClick="this.style.backgoundImage=\'url(../imagesite/'.$habillage.'/cadredragndroptoprightclick.gif)\'; //document.getElementById(\'affpostnote\').innerHTML=\'\';">
                    </td>

  6. #6
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut
    Citation Envoyé par Death83
    C'est bizarre ca marche toujours pas chez moi.
    Rajoute un alert dans le onclick, tu sauras si le onclick est appellé ou non....

Discussions similaires

  1. Changer une image sur le hover
    Par taffMan dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 05/11/2006, 20h44
  2. Changer une image onmouseover
    Par Linaa dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/03/2006, 13h46
  3. Changer une image
    Par franck.automaticien dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 21/02/2006, 09h41
  4. changer une image
    Par lemmings dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/09/2005, 15h43
  5. [JLabel] changer une image
    Par dadg dans le forum Composants
    Réponses: 5
    Dernier message: 28/09/2004, 10h28

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