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 :

Probleme changer le style d'un div


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    194
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 194
    Par défaut Probleme changer le style d'un div
    Bonjour a tous,

    je souhaiterais changer le style d'un div avec l'évenement javascript onclick, voici ma fonction:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    function Afficher()
    	{
    	document.divun.style.display="";
    	}

    voici mon appel
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     echo "<div id='divun' style='display:none;'>test2</div><div id='divdeu' style='display:none;'>test</div>"
     
    . "<img alt='$prod' id='tishirt' src='$rep/$img[$p]' OnMouseDown=afficher(); </script>&nbsp;";
    malheureusement ca ne marche pas, pouvez vous m'aidez?

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

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    salut,
    utilise getElementById

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    194
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 194
    Par défaut
    même résultat

    voila ma modif:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function Afficher()
    	{
    	document.getElementById(divun).style.display="";
    	}

  4. #4
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Salut,

    Une petite recherche sur getElementById() dans le forum te donnera la bonne syntaxe...

    [edit] ou on peut aussi donner la réponse directement! [/edit]

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

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    ("divun")

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    194
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 194
    Par défaut
    Citation Envoyé par siddh
    ("divun")
    meme resultat

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

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    oups,
    c est parceque tu défini ton style dans la balise
    alors soit tu le met dans une classe ou id dans une feuille css ou dans le head entre des balises style,
    soit tu passe par le computedStyle et compagnie.

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    194
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 194
    Par défaut
    pareil, voici les modifs effectuées:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id='divun' class='divun'>bla</div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <style type="text/css">
    .divun { display:none; }
     
    </style>

  9. #9
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Même si tu définis ça dans un attribut style, la première syntaxe de siddh corrigée devrais fonctionner. Ton problème ne serait-il pas dans ton évènement plutôt? A quel moment veut tu changer de style?

  10. #10
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    194
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 194
    Par défaut
    sur un onclick

  11. #11
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Il y a un onmousedown dans le code que tu nous donnes!

  12. #12
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    194
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 194
    Par défaut
    oui un onmousedown ou un onclick, de tte façon le résultat devrait etre le meme

  13. #13
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    D'un autre coté... c'est vrai
    Par contre, je vois un </script> après ton code HTML. Peux-tu nous poster la source HTML générée plutôt que le code PHP? Pour voir si c'est bien formé par exemple.

  14. #14
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    "<img alt='$prod' id='tishirt' src='$rep/$img[$p]' OnMouseDown=afficher(); </script>&nbsp;";
    il manque la balise de fin d'img :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img alt='$prod' id='tishirt' src='$rep/$img[$p]' OnMouseDown=afficher();>
    et puis ce "</script>" qui se promène tout seul....

    Citation Envoyé par franculo_caoulene
    peux tu nous poster la source HTML générée plutôt que le code PHP. Pour voir si c'est bien formé par exemple.

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

Discussions similaires

  1. changer dynamiquement le style d'un Div
    Par zoro007 dans le forum ASP
    Réponses: 1
    Dernier message: 05/09/2010, 13h07
  2. Changer le style d'un texte dans un div
    Par pekka77 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 22/11/2005, 21h42
  3. Changer le style en JavaScript [besoin d'aide]
    Par maximenet dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 13/09/2005, 17h21
  4. Changer plusieur style avec des IDs différents?
    Par YanK dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 02/07/2005, 14h33
  5. Changer le style d'une cellule
    Par LE NEINDRE dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 29/06/2005, 16h18

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