- Ouvrir/Fermer le Bloc 1
- Ouvrir/Fermer le Bloc 2
- Ouvrir/Fermer le Bloc 3
- Ouvrir/Fermer le Bloc 4
- Ouvrir tous les Blocs
- Fermer tous les Blocs
- Inverser les Blocs

Bloc 1
Bloc 2
Bloc 3
Bloc 4

 

 

<head>

<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;
position: absolute;
}
</style>
<!-- Script créé par KevBrok ;-) -->
<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';
}
}

/*
* Cache tous les divs ayant le même préfixe
*/
function CacheTout( nom )
{
var NumDiv = 1;
if ( document.getElementById ) // Pour les navigateurs récents
{
while ( document.getElementById( nom + NumDiv) )
{
SetDiv = document.getElementById( nom + NumDiv );
if ( SetDiv && SetDiv.className != 'cachediv' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.all ) // Pour les veilles versions
{
while ( document.all[ nom + NumDiv ] )
{
SetDiv = document.all[ nom + NumDiv ];
if ( SetDiv && SetDiv.className != 'cachediv' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.layers ) // Pour les très veilles versions
{
while ( document.layers[ nom + NumDiv ] )
{
SetDiv = document.layers[ nom + NumDiv ];
if ( SetDiv && SetDiv.className != 'cachediv' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
}

/*
* Montre tous les divs ayant le même préfixe
*/
function MontreTout( nom )
{
var NumDiv = 1;
if ( document.getElementById ) // Pour les navigateurs récents
{
while ( document.getElementById( nom + NumDiv) )
{
SetDiv = document.getElementById( nom + NumDiv );
if ( SetDiv && SetDiv.className != '' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.all ) // Pour les veilles versions
{
while ( document.all[ nom + NumDiv ] )
{
SetDiv = document.all[ nom + NumDiv ];
if ( SetDiv && SetDiv.className != '' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
else if ( document.layers ) // Pour les très veilles versions
{
while ( document.layers[ nom + NumDiv ] )
{
SetDiv = document.layers[ nom + NumDiv ];
if ( SetDiv && SetDiv.className != '' )
{
DivStatus( nom, NumDiv );
}
NumDiv++;
}
}
}

/*
* Inverse les divs: Cache les divs visible et montre le divs cachés :)
*/
function InverseTout( nom )
{
var NumDiv = 1;
if ( document.getElementById ) // Pour les navigateurs récents
{
while ( document.getElementById( nom + NumDiv ) )
{
SetDiv = document.getElementById( nom + NumDiv );
DivStatus( nom, NumDiv );
NumDiv++;
}
}
else if ( document.all ) // Pour les veilles versions
{
while ( document.all[ nom + NumDiv ] )
{
SetDiv = document.all[ nom + NumDiv ];
DivStatus( nom, NumDiv );
NumDiv++;
}
}
else if ( document.layers ) // Pour les très veilles versions
{
while ( document.layers[ nom + NumDiv ] )
{
SetDiv = document.layers[ nom + NumDiv ];
DivStatus( nom, NumDiv );
NumDiv++;
}
}
}
</script>
</head>
 

<Body>

- <a href="javascript:DivStatus( 'mondiv', '1' )">Ouvrir/Fermer le Bloc 1</a><br />

- <a href="javascript:DivStatus( 'mondiv', '2' )">Ouvrir/Fermer le Bloc 2</a><br />
- <a href="javascript:DivStatus( 'mondiv', '3' )">Ouvrir/Fermer le Bloc 3</a><br />
- <a href="javascript:DivStatus( 'mondiv', '4' )">Ouvrir/Fermer le Bloc 4</a><br />
- <a href="javascript:MontreTout( 'mondiv' )">Ouvrir tous les Blocs</a><br />
- <a href="javascript:CacheTout( 'mondiv' )">Fermer tous les Blocs</a><br />
- <a href="javascript:InverseTout( 'mondiv' )">Inverser les Blocs</a><br /><br />

<div name="mondiv1" id="mondiv1"><div style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;">Bloc 1</div></div>
<div name="mondiv2" id="mondiv2"><div style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;">Bloc 2</div></div>
<div name="mondiv3" id="mondiv3"><div style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;">Bloc 3</div></div>
<div name="mondiv4" id="mondiv4"><div style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;">Bloc 4</div></div><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div align="center">
<table border="1" width="53%" cellspacing="0" cellpadding="0" style="border-collapse: collapse; border: 1px solid #000080">
<tr>
<td><font color="#0000FF">&lt;head&gt;</font><br>
<br>
&lt;style type=&quot;text/css&quot; media=&quot;all&quot;&gt;<br>
/* Ce style CSS ne dois pas être enlevé, sinon les divs ne se
cacherons pas ... */<br>
.cachediv {<br>
visibility: hidden;<br>
overflow: hidden;<br>
height: 1px;<br>
margin-top: -1px;<br>
position: absolute;<br>
}<br>
&lt;/style&gt;<br>
&lt;!-- Script créé par KevBrok ;-) --&gt;<br>
&lt;script type=&quot;text/javascript&quot;&gt;<br>
/*<br>
* Montre / Cache un div<br>
*/<br>
function DivStatus( nom, numero )<br>
{<br>
var divID = nom + numero;<br>
if ( document.getElementById &amp;&amp; document.getElementById( divID )
) // Pour les navigateurs récents<br>
{<br>
Pdiv = document.getElementById( divID );<br>
PcH = true;<br>
}<br>
else if ( document.all &amp;&amp; document.all[ divID ] ) // Pour les
veilles versions<br>
{<br>
Pdiv = document.all[ divID ];<br>
PcH = true;<br>
}<br>
else if ( document.layers &amp;&amp; document.layers[ divID ] ) // Pour
les très veilles versions<br>
{<br>
Pdiv = document.layers[ divID ];<br>
PcH = true;<br>
}<br>
else<br>
{<br>
<br>
PcH = false;<br>
}<br>
if ( PcH )<br>
{<br>
Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';<br>
}<br>
}<br>
<br>
/*<br>
* Cache tous les divs ayant le même préfixe<br>
*/<br>
function CacheTout( nom )<br>
{ <br>
var NumDiv = 1;<br>
if ( document.getElementById ) // Pour les navigateurs récents<br>
{<br>
while ( document.getElementById( nom + NumDiv) )<br>
{<br>
SetDiv = document.getElementById( nom + NumDiv );<br>
if ( SetDiv &amp;&amp; SetDiv.className != 'cachediv' )<br>
{<br>
DivStatus( nom, NumDiv );<br>
}<br>
NumDiv++;<br>
}<br>
}<br>
else if ( document.all ) // Pour les veilles versions<br>
{<br>
while ( document.all[ nom + NumDiv ] )<br>
{<br>
SetDiv = document.all[ nom + NumDiv ];<br>
if ( SetDiv &amp;&amp; SetDiv.className != 'cachediv' )<br>
{<br>
DivStatus( nom, NumDiv );<br>
}<br>
NumDiv++;<br>
}<br>
}<br>
else if ( document.layers ) // Pour les très veilles versions<br>
{<br>
while ( document.layers[ nom + NumDiv ] )<br>
{<br>
SetDiv = document.layers[ nom + NumDiv ];<br>
if ( SetDiv &amp;&amp; SetDiv.className != 'cachediv' )<br>
{<br>
DivStatus( nom, NumDiv );<br>
}<br>
NumDiv++;<br>
}<br>
}<br>
}<br>
<br>
/*<br>
* Montre tous les divs ayant le même préfixe<br>
*/<br>
function MontreTout( nom )<br>
{ <br>
var NumDiv = 1;<br>
if ( document.getElementById ) // Pour les navigateurs récents<br>
{<br>
while ( document.getElementById( nom + NumDiv) )<br>
{<br>
SetDiv = document.getElementById( nom + NumDiv );<br>
if ( SetDiv &amp;&amp; SetDiv.className != '' )<br>
{<br>
DivStatus( nom, NumDiv );<br>
}<br>
NumDiv++;<br>
}<br>
}<br>
else if ( document.all ) // Pour les veilles versions<br>
{<br>
while ( document.all[ nom + NumDiv ] )<br>
{<br>
SetDiv = document.all[ nom + NumDiv ];<br>
if ( SetDiv &amp;&amp; SetDiv.className != '' )<br>
{<br>
DivStatus( nom, NumDiv );<br>
}<br>
NumDiv++;<br>
}<br>
}<br>
else if ( document.layers ) // Pour les très veilles versions<br>
{<br>
while ( document.layers[ nom + NumDiv ] )<br>
{<br>
SetDiv = document.layers[ nom + NumDiv ];<br>
if ( SetDiv &amp;&amp; SetDiv.className != '' )<br>
{<br>
DivStatus( nom, NumDiv );<br>
}<br>
NumDiv++;<br>
}<br>
}<br>
}<br>
<br>
/*<br>
* Inverse les divs: Cache les divs visible et montre le divs
cachés :)<br>
*/<br>
function InverseTout( nom )<br>
{ <br>
var NumDiv = 1;<br>
if ( document.getElementById ) // Pour les navigateurs récents<br>
{<br>
while ( document.getElementById( nom + NumDiv ) )<br>
{<br>
SetDiv = document.getElementById( nom + NumDiv );<br>
DivStatus( nom, NumDiv );<br>
NumDiv++;<br>
}<br>
}<br>
else if ( document.all ) // Pour les veilles versions<br>
{<br>
while ( document.all[ nom + NumDiv ] )<br>
{<br>
SetDiv = document.all[ nom + NumDiv ];<br>
DivStatus( nom, NumDiv );<br>
NumDiv++;<br>
}<br>
}<br>
else if ( document.layers ) // Pour les très veilles versions<br>
{<br>
while ( document.layers[ nom + NumDiv ] )<br>
{<br>
SetDiv = document.layers[ nom + NumDiv ];<br>
DivStatus( nom, NumDiv );<br>
NumDiv++;<br>
}<br>
}<br>
}<br>
&lt;/script&gt;<br>
<font color="#0000FF">&lt;/head&gt;</font><br>
&nbsp;<p>&nbsp;</td>
</tr>
</table>
</div>

</Body>