Ne pas afficher la div par défaut

Ne pas afficher la div par défaut - HTML/CSS - Programmation

Marsh Posté le 24-11-2008 à 12:05:27    

Bonjour !!!  
 
J'aimerais savoir comment faire pour cacher (par défaut)/réapparaître une DIV.
 
J'ai le script suivant mais le script est long/lourd et la DIV est affichée par défaut.  

Code :
  1. <head>
  2. <style type="text/css" media="all">
  3. /* Ce style CSS ne dois pas être enlevé, sinon les divs ne se cacherons pas ... */
  4. .cachediv {
  5.  visibility: hidden;
  6.  overflow: hidden;
  7.  height: 1px;
  8.  margin-top: -1px;
  9.  position: absolute;
  10. }
  11. </style>
  12. <!-- Script créé par KevBrok ;-) -->
  13. <script type="text/javascript">
  14. /*
  15. * Montre / Cache un div
  16. */
  17. function DivStatus( nom, numero )
  18.  {
  19.   var divID = nom + numero;
  20.   if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
  21.    {
  22.     Pdiv = document.getElementById( divID );
  23.     PcH = true;
  24.     }
  25.   else if ( document.all && document.all[ divID ] ) // Pour les veilles versions
  26.    {
  27.     Pdiv = document.all[ divID ];
  28.     PcH = true;
  29.    }
  30.   else if ( document.layers && document.layers[ divID ] ) // Pour les très veilles versions
  31.    {
  32.     Pdiv = document.layers[ divID ];
  33.     PcH = true;
  34.    }
  35.   else
  36.    {
  37.     PcH = false;
  38.    }
  39.   if ( PcH )
  40.    {
  41.     Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
  42.    }
  43.  }
  44. /*
  45. * Cache tous les divs ayant le même préfixe
  46. */
  47. function CacheTout( nom )
  48.  {
  49.   var NumDiv = 1;
  50.   if ( document.getElementById ) // Pour les navigateurs récents
  51.    {
  52.     while ( document.getElementById( nom + NumDiv) )
  53.      {
  54.       SetDiv = document.getElementById( nom + NumDiv );
  55.       if ( SetDiv && SetDiv.className != 'cachediv' )
  56.        {
  57.         DivStatus( nom, NumDiv );
  58.        }
  59.       NumDiv++;
  60.      }
  61.    }
  62.   else if ( document.all ) // Pour les veilles versions
  63.    {
  64.     while ( document.all[ nom + NumDiv ] )
  65.      {
  66.       SetDiv = document.all[ nom + NumDiv ];
  67.       if ( SetDiv && SetDiv.className != 'cachediv' )
  68.        {
  69.         DivStatus( nom, NumDiv );
  70.        }
  71.       NumDiv++;
  72.      }
  73.    }
  74.   else if ( document.layers ) // Pour les très veilles versions
  75.    {
  76.     while ( document.layers[ nom + NumDiv ] )
  77.      {
  78.       SetDiv = document.layers[ nom + NumDiv ];
  79.       if ( SetDiv && SetDiv.className != 'cachediv' )
  80.        {
  81.         DivStatus( nom, NumDiv );
  82.        }
  83.       NumDiv++;
  84.      }
  85.    }
  86.  }
  87. /*
  88. * Montre tous les divs ayant le même préfixe
  89. */
  90. function MontreTout( nom )
  91.  {
  92.   var NumDiv = 1;
  93.   if ( document.getElementById ) // Pour les navigateurs récents
  94.    {
  95.     while ( document.getElementById( nom + NumDiv) )
  96.      {
  97.       SetDiv = document.getElementById( nom + NumDiv );
  98.       if ( SetDiv && SetDiv.className != '' )
  99.        {
  100.         DivStatus( nom, NumDiv );
  101.        }
  102.       NumDiv++;
  103.      }
  104.    }
  105.   else if ( document.all ) // Pour les veilles versions
  106.    {
  107.     while ( document.all[ nom + NumDiv ] )
  108.      {
  109.       SetDiv = document.all[ nom + NumDiv ];
  110.       if ( SetDiv && SetDiv.className != '' )
  111.        {
  112.         DivStatus( nom, NumDiv );
  113.        }
  114.       NumDiv++;
  115.      }
  116.    }
  117.   else if ( document.layers ) // Pour les très veilles versions
  118.    {
  119.     while ( document.layers[ nom + NumDiv ] )
  120.      {
  121.       SetDiv = document.layers[ nom + NumDiv ];
  122.       if ( SetDiv && SetDiv.className != '' )
  123.        {
  124.         DivStatus( nom, NumDiv );
  125.        }
  126.       NumDiv++;
  127.      }
  128.    }
  129.  }
  130. /*
  131. * Inverse les divs: Cache les divs visible et montre le divs cachés :)
  132. */
  133. function InverseTout( nom )
  134.  {
  135.   var NumDiv = 1;
  136.   if ( document.getElementById ) // Pour les navigateurs récents
  137.    {
  138.     while ( document.getElementById( nom + NumDiv ) )
  139.      {
  140.       SetDiv = document.getElementById( nom + NumDiv );
  141.       DivStatus( nom, NumDiv );
  142.       NumDiv++;
  143.      }
  144.    }
  145.   else if ( document.all ) // Pour les veilles versions
  146.    {
  147.     while ( document.all[ nom + NumDiv ] )
  148.      {
  149.       SetDiv = document.all[ nom + NumDiv ];
  150.       DivStatus( nom, NumDiv );
  151.       NumDiv++;
  152.      }
  153.    }
  154.   else if ( document.layers ) // Pour les très veilles versions
  155.    {
  156.     while ( document.layers[ nom + NumDiv ] )
  157.      {
  158.       SetDiv = document.layers[ nom + NumDiv ];
  159.       DivStatus( nom, NumDiv );
  160.       NumDiv++;
  161.      }
  162.    }
  163.  }
  164. </script>
  165. </head>


 

Code :
  1. <body>
  2. <p>
  3. <a href="javascript:DivStatus( 'mondiv', '1' )">Ouvrir/Fermer la DIV 1</a><br />
  4. <div name="mondiv1" id="mondiv1">DIV 1</div>
  5. </p>
  6. </body>


 
Comment ne pas afficher la DIV PAR DEFAUT ?
 
Merci à vous :)

Reply

Marsh Posté le 24-11-2008 à 12:05:27   

Reply

Marsh Posté le 25-11-2008 à 18:58:17    

oualala le div dans le p
et en effet c est un code moisi

Code :
  1. <div name="mondiv1" id="mondiv1">
  2.     <a onclick="changeDivStatus(this.parentNode.id);return false;" href="#">Ouvrir/Fermer la DIV 1</a>
  3.     <div style="display:none;">texte du spoiler</div>
  4. </div>
 

et en js

Code :
  1. function changeDivStatus(id) {
  2.     var div = document.getElementById(id).getElementsByTagName('div')[0];
  3.     div.style.display = div.style.display == "none" ? "block" : "none";
  4. }


Message édité par mIRROR le 25-11-2008 à 18:58:51

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 25-11-2008 à 21:18:36    

Pourquoi tu veux caché un DIV ? O_o

Reply

Marsh Posté le 25-11-2008 à 21:32:06    

FR-DarkRod a écrit :

Pourquoi tu veux caché un DIV ? O_o


 

Spoiler :

pour faire des spoilers ptet [:dawak]



---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 25-11-2008 à 21:45:46    

Reply

Marsh Posté le 26-11-2008 à 14:32:39    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed