Discussion :

[guybrush007]

Bonjour,

je suis en train de developper une page ou je dois cacher/afficher dynamiquement des <div>.

J'utilise pour cela les fonctions suivantes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function hideDiv(divId)
{
   if (document.layers)
   {
   	document.layers[divId].visibility="hide";
   }
   else 
   {
   	document.getElementById(divId).style.visibility="hidden";
   }
}
 
function showDiv(divId)
{
   if (document.layers)
   {
   	document.layers[divId].visibility="show";
   }
   else 
   {
   	document.getElementById(divId).style.visibility="visible";
   }
}

Ces fonctions marchent mais lorsque je cache un <div> l'espace qu'occupait ce <div> est encore present. Comment pourrais-je modifier les fonctions existantes pour pouvoir aussi supprimer cet espace vide ?

Merci d'avance

[Invité]

salut

il y a 2 moyens pour cacher un élément :

• Code :

  Sélectionner tout - Visualiser dans une fenêtre à part

  style.visibility = "hidden"

  laisse l'élément en place mais le rend invisible

• Code :

  Sélectionner tout - Visualiser dans une fenêtre à part

  style.display = "none"

  enlève l'élément de l'affichage. il n'y a donc plus d'espace vide

ps : utilise la balise code pour rendre ton post plus lisible

[guybrush007]

Merci beaucoup en utilisant ce code tout fonctionne aussi bien sous firefox que sous IE

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function hideDiv(divId)
{
   if (document.layers)
   {
   	document.layers[divId].display="none";
   }
   else 
   {
   	document.getElementById(divId).style.display="none";
   }
}
 
function showDiv(divId)
{
   if (document.layers)
   {
   	document.layers[divId].display="inline";
   }
   else 
   {
   	document.getElementById(divId).style.display="inline";
   }
}