Aperçu du site

Scripts

Astuces

Outils

Divers

Livre d'or

1. Loïc Le 20/03/2017

Merci pour toutes tes astuces !! Bonne continuation :)

2. dudule Le 04/12/2015

merci

3. HAIRA Le 30/11/2015

Merci pour le script de la neige qui tombe. Je ne suis pas un spécialiste mais grâce à vous j'ai ré ...

Derniers commentaires

1. Par Omar le 07/07/2018

Merci! Super!!!! Sa faisait un moment que je cherchais cette solution!

2. Par scriptsdegiga24 le 19/02/2018

Bonjour, Il suffit de remplacer "http://scriptsdegiga24.e-monsite.com/medias/images/flocon.gif" par l'url ...

3. Par Melodie le 04/02/2018

Bonjour je voudrais savoir comment il faut faire pour changer le script pour mettre des coeurs ou autres ...

Blog E-monsite

Plus de détail...

Statistiques

Aujourd'hui: 26 visiteurs - 43 pages vues
Total: 506355 visiteurs - 1687830 pages vues

Accueil
Vos scripts
Cacher un div par Carvoyeur

Cacher un div par Carvoyeur

Carvoyeur

Le portail dédié à l'information en Bourgogne

Album photo et information, fête, spectacle et animation, Bourgogne, Morvan, Côte-d'or, Nièvre, Saône et Loire, Yonne

http://www.relationphoto.com/

Voila un script facile à installer qui permet de cacher plusieurs blocs sur une même page.

Script à installer dan la zone éditable du haut du site :

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

puis le script à installer dans la rubrique: <body>

- <a href="javascript:DivStatus( 'mondiv', '1' )">fermer/consulter 1 -</a>
<br /><br />
- <a href="javascript:DivStatus( 'mondiv', '2' )">consulter/fermer 2 -</a>
<br /><br />
- <a href="javascript:DivStatus( 'mondiv', '3' )">consulter/fermer 3 -</a>
<br /><br />
- <a href="javascript:DivStatus( 'mondiv', '4' )">consulter/fermer 4 -</a>
<br /><br />
- <a href="javascript:DivStatus( 'mondiv', '5' )">consulter/fermer 5 -</a>
<br /><br />
- <a href="javascript:DivStatus( 'mondiv', '6' )">consulter/fermer 6 -</a>
<br /><br />
- <a href="javascript:DivStatus( 'mondiv', '7' )">consulter/fermer 7 -</a>
<br /><br />
- <a href="javascript:MontreTout( 'mondiv' )">consulter tout</a>
<br /><br />
- <a href="javascript:CacheTout( 'mondiv' )">tout fermer</a>
<br />
- <a href="javascript:InverseTout( 'mondiv' )">Inverser </a>
<br /><br />
<div name="mondiv1" id="mondiv1">
<div style="border: 1px solid black; background-color: rgb(255, 255, 204); margin-bottom: 2px;">
</div></div>
<div name="mondiv2" id="mondiv2">
<div style="border: 1px solid black; background-color: rgb(255, 255, 153); margin-bottom: 2px;">
</div></div>
<div name="mondiv3" id="mondiv3">
<div style="border: 1px solid black; background-color: rgb(255, 204, 204); margin-bottom: 2px;">
</div></div>
<div name="mondiv4" id="mondiv4">
<div style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;">
</div></div>
<div name="mondiv5" id="mondiv5">
<div style="border: 1px solid black; background-color: rgb(204, 255, 255); margin-bottom: 2px;">
</div></div>
<div name="mondiv6" id="mondiv6">
<div style="border: 1px solid black; background-color: rgb(123, 244, 193); margin-bottom: 2px;">
</div></div>

Ajouter un commentaire

Mentions légales Gestion des cookies

Créer un site internet avec e-monsite - Signaler un contenu illicite sur ce site