Partage
  • Partager sur Facebook
  • Partager sur Twitter

Div Cache

Fermer au départ...

Pinedjem
    17 décembre 2005 à 3:55:28

    Bonjour à tous ! J'ai trouvé ce script sur l'Éditeur Javascript, un excellent site pour le Javascript, mais le problème est que je voudrais qu'au départ mon div soit cacher et non qu'il soit ouvert ! Comment dois-je faire ? Voici le script :

    /* Script à mettre dans la balise*/ <head></head>
    <script type="text/javascript">
            /*
            * Montre / Cache un div
            */
            function DivStatus( nom, numero )
                    {
                            var divID = nom + numero;
                            if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
                                    {
                                            Pdiv = document.getElementById( divID );
                                            PcH = true;
                                   }
                            else if ( document.all && document.all[ divID ] ) // Pour les veilles versions
                                    {
                                            Pdiv = document.all[ divID ];
                                            PcH = true;
                                    }
                            else if ( document.layers && document.layers[ divID ] ) // Pour les très veilles versions
                                    {
                                            Pdiv = document.layers[ divID ];
                                            PcH = true;
                                    }
                            else
                                    {
                                           
                                            PcH = false;
                                    }
                            if ( PcH )
                                    {
                                            Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
                                    }
                    }
    </script>

    /* Script à mettre dans la balise <body></body> */
    - <a href="javascript:DivStatus( 'mondiv', '1' )">Ouvrir/Fermer le Bloc de News</a></p>
    <div name="mondiv1" id="mondiv1">

    </div>


    Il y avait également le code CSS inclus avec !

    <style type="text/css" media="all">
            /* Ce style CSS ne dois pas être enlevé, sinon les divs ne se cacherons pas ... */
            .cachediv {
                    visibility: hidden;
                    overflow: hidden;
                    height: 1px;
                    margin-top: -1px;
            }
    </style>


    Merci de m'aider ! Pinedjem
    • Partager sur Facebook
    • Partager sur Twitter
    Tangui
      17 décembre 2005 à 10:46:19

      Slt,

      tu dois pouvoir utiliser ces deux méthodes :
      object.getStyle('lestyleenquestion');
      // et
      object.setStyle('lestyleenquestion', 'lavaleur');

      // object est l'objet XML


      a+
      • Partager sur Facebook
      • Partager sur Twitter
      Dutiona
      • HTML / CSS
        17 décembre 2005 à 14:39:03

        Salut, une petite recherche sur ce forum et tu aurais trouvé un code correspondant exactement à ta requête et même mieux ==> lien

        Enfin :
        A mettre dans le header :
        // <![CDATA[
        function switch_affichage(element){
                element_a_modifier = document.getElementById(element);

                if (element_a_modifier.style.display == 'none')
                        element_a_modifier.style.display = 'block';
                else
                        element_a_modifier.style.display = 'none';
        }

        function init(){
                var divs = menu.getElementsByTagName('div');
                var liens = menu.getElementsByTagName('a');

                for (var i=0 ; i<divs.length ; i++){
                        //On vérifie avec les class
                        if(divs[i].getAttribute("class") == "news_div")
                                switch_affichage (divs[i].getAttribute("id"));
                }

                for (var i=0 ; i<liens.length ; i++){
                        if(liens[i].getAttribute("class") == "news_a")
                                liens[i].onclick = toswitch;
                }
        }

        function toswitch(){
                switch_affichage ('div_news_'+this.getAttribute("id"));
                return false;
        }

        window.onload = init;
        // ]]>

        Et en html :
        <a href="mapage.php" class="news_a" id="1">Afficher les news</a>
        <div id="div_news_1" class="news_div">Ma super news !</div>


        Voilà, ce script à tout de même du mal avec ie :)



        Bisous, Nyu
        • Partager sur Facebook
        • Partager sur Twitter
        Pinedjem
          17 décembre 2005 à 15:35:05

          C'est bien ton code, mais moi, j'ai IE... Alors c'est pour ça que j'aimerais seulement adapter celui que j'ai pour que le Div soit cacher au chargement de la page ! Merci d'avance !

          Pinedjem
          • Partager sur Facebook
          • Partager sur Twitter

          Div Cache

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur ●
          • Markdown