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 :

..display == 'block' ?


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Inscrit en
    Avril 2008
    Messages
    2
    D�tails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 2
    Par d�faut ..display == 'block' ?
    bonjour a tous !!

    je n'arrive pas a masquer ou afficher mon menu par un simple click sur une div

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    function showMenu(id)
    {
    if (document.getElementById(id).style.display == 'block')
       {
           document.getElementById(id).style.display = 'none';
       }
     
    else {
     
    if (document.getElementById(id).style.display == 'block')
       {
           document.getElementById(id).style.display = 'none';
       }
    }
    }
    possible ou pas ? aidez moi merci

  2. #2
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    F�vrier 2007
    Messages
    1 163
    D�tails du profil
    Informations personnelles :
    �ge : 57
    Localisation : France, Rh�ne (Rh�ne Alpes)

    Informations forums :
    Inscription : F�vrier 2007
    Messages : 1 163
    Par d�faut
    Bonsoir,
    Essaye ceci:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <script language="javascript" type="text/javascript">
    function showMenu(id)
    {
    if (document.getElementById(id).style.display == 'block')
       {
           document.getElementById(id).style.display = 'none';
       } else {
           document.getElementById(id).style.display = 'block';
    }
    }
    </script>

  3. #3
    R�dacteur
    Avatar de marcha
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    D�cembre 2003
    Messages
    1 571
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : D�cembre 2003
    Messages : 1 571
    Par d�faut
    Salut,

    Quand tu consulte une propri�t� style pour un �l�ment donn� tu observes
    les styles pour l'�l�ment tels qu'ils auraient pu �tre �crit dans l'attribut style
    de cet �l�ment et non les styles css r�ellement appliqu�s, je m'explique:

    Si tu as un �l�ment dont l'id est 'toto' et le css suivant:

    #toto { display: block; }

    <div id='toto'>blabla</div>

    Alors

    document.getElementById('toto').style.display ne vaut pas 'block'

    Par contre si tu as

    <div id='toto' style='display: block'>blabla</div>

    alors

    document.getElementById('toto').style.display vaut 'block'

    Quand tu modifie le style display � 'none' par exemple et que tu veux ensuite
    afficher l'�l�ment � nouveau � 'block' (ou � son �tat par d�faut) tu as meilleure
    de tester si le style que tu as appliqu� est pr�sent, par exemple:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
     
    var e = document.getElementById('toto');
    if(e.style.display!='none') e.style.display = 'none';
    else e.style.display = ''; // remettre le style par défaut ou mettre 'block' si tu veux

  4. #4
    Candidat au Club
    Inscrit en
    Avril 2008
    Messages
    2
    D�tails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 2
    Par d�faut merci
    bon et bien j'ai teste ta solution marcha et mon probl�me �tait bien celui que tu soulevai, c'est a dire que je mettai ma propri�t� display uniquement dans le css, du coup il ne changeai rien quand je cliquai car pas de valeur par defaut.

    merci beaucoup c'est rapide et tr�s pr�cis !

    RESOLU !!!

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Display block et inline sur un lien
    Par Phenomenium dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 3
    Dernier message: 19/05/2006, 21h38
  2. [CSS][Firefox] prob de display:block sur un TR
    Par cyberzoide dans le forum Mise en page CSS
    R�ponses: 4
    Dernier message: 04/05/2006, 11h37
  3. [CSS]Display:block sur un lien
    Par Phenomenium dans le forum Mise en page CSS
    R�ponses: 5
    Dernier message: 22/04/2006, 15h42
  4. [CSS] Pb avec les display:block ..
    Par sokette dans le forum Mise en page CSS
    R�ponses: 4
    Dernier message: 10/12/2005, 13h17
  5. [html+css] probl�me menu avec liens display:block
    Par Cypselos dans le forum Mise en page CSS
    R�ponses: 5
    Dernier message: 28/08/2005, 09h39

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