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.    {
  38.     PcH = false;
  39.    }
  40.   if ( PcH )
  41.    {
  42.     Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
  43.    }
  44.  }
  46. /*
  47. * Cache tous les divs ayant le même préfixe
  48. */
  49. function CacheTout( nom )
  50.  {
  51.   var NumDiv = 1;
  52.   if ( document.getElementById ) // Pour les navigateurs récents
  53.    {
  54.     while ( document.getElementById( nom + NumDiv) )
  55.      {
  56.       SetDiv = document.getElementById( nom + NumDiv );
  57.       if ( SetDiv && SetDiv.className != 'cachediv' )
  58.        {
  59.         DivStatus( nom, NumDiv );
  60.        }
  61.       NumDiv++;
  62.      }
  63.    }
  64.   else if ( document.all ) // Pour les veilles versions
  65.    {
  66.     while ( document.all[ nom + NumDiv ] )
  67.      {
  68.       SetDiv = document.all[ nom + NumDiv ];
  69.       if ( SetDiv && SetDiv.className != 'cachediv' )
  70.        {
  71.         DivStatus( nom, NumDiv );
  72.        }
  73.       NumDiv++;
  74.      }
  75.    }
  76.   else if ( document.layers ) // Pour les très veilles versions
  77.    {
  78.     while ( document.layers[ nom + NumDiv ] )
  79.      {
  80.       SetDiv = document.layers[ nom + NumDiv ];
  81.       if ( SetDiv && SetDiv.className != 'cachediv' )
  82.        {
  83.         DivStatus( nom, NumDiv );
  84.        }
  85.       NumDiv++;
  86.      }
  87.    }
  88.  }
  90. /*
  91. * Montre tous les divs ayant le même préfixe
  92. */
  93. function MontreTout( nom )
  94.  {
  95.   var NumDiv = 1;
  96.   if ( document.getElementById ) // Pour les navigateurs récents
  97.    {
  98.     while ( document.getElementById( nom + NumDiv) )
  99.      {
  100.       SetDiv = document.getElementById( nom + NumDiv );
  101.       if ( SetDiv && SetDiv.className != '' )
  102.        {
  103.         DivStatus( nom, NumDiv );
  104.        }
  105.       NumDiv++;
  106.      }
  107.    }
  108.   else if ( document.all ) // Pour les veilles versions
  109.    {
  110.     while ( document.all[ nom + NumDiv ] )
  111.      {
  112.       SetDiv = document.all[ nom + NumDiv ];
  113.       if ( SetDiv && SetDiv.className != '' )
  114.        {
  115.         DivStatus( nom, NumDiv );
  116.        }
  117.       NumDiv++;
  118.      }
  119.    }
  120.   else if ( document.layers ) // Pour les très veilles versions
  121.    {
  122.     while ( document.layers[ nom + NumDiv ] )
  123.      {
  124.       SetDiv = document.layers[ nom + NumDiv ];
  125.       if ( SetDiv && SetDiv.className != '' )
  126.        {
  127.         DivStatus( nom, NumDiv );
  128.        }
  129.       NumDiv++;
  130.      }
  131.    }
  132.  }
  134. /*
  135. * Inverse les divs: Cache les divs visible et montre le divs cachés :)
  136. */
  137. function InverseTout( nom )
  138.  {
  139.   var NumDiv = 1;
  140.   if ( document.getElementById ) // Pour les navigateurs récents
  141.    {
  142.     while ( document.getElementById( nom + NumDiv ) )
  143.      {
  144.       SetDiv = document.getElementById( nom + NumDiv );
  145.       DivStatus( nom, NumDiv );
  146.       NumDiv++;
  147.      }
  148.    }
  149.   else if ( document.all ) // Pour les veilles versions
  150.    {
  151.     while ( document.all[ nom + NumDiv ] )
  152.      {
  153.       SetDiv = document.all[ nom + NumDiv ];
  154.       DivStatus( nom, NumDiv );
  155.       NumDiv++;
  156.      }
  157.    }
  158.   else if ( document.layers ) // Pour les très veilles versions
  159.    {
  160.     while ( document.layers[ nom + NumDiv ] )
  161.      {
  162.       SetDiv = document.layers[ nom + NumDiv ];
  163.       DivStatus( nom, NumDiv );
  164.       NumDiv++;
  165.      }
  166.    }
  167.  }
  168. </script>
  170. </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

Message cité 2 fois
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]


Message cité 1 fois

---------------
« 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