Discussion :

[bengovi]

Bonjour,

Bien que je connaisse pas grand chose au html, je dois réaliser rapidement une petite maquette. Sur le forum j'ai trouvé le code suivant.
Ca fonctionne très bien sur FireFox. Pb je dois montrer ça sous IE6 et là ca ne marche pas. Quand c'est caché la hauteur de la zone ne se réduit pas ! J'ai essayer plusieurs astuces mais choux blanc !

Merci de votre aide.

Code javascript :

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
	function toggle(anId)
{
	node = document.getElementById(anId);
	if (node.style.visibility=="hidden")
	{
		// Contenu caché, le montrer
		node.style.visibility = "visible";
		node.style.height = "auto";	// Optionnel rétablir la hauteur
	}
	else
	{
		// Contenu visible, le cacher
		node.style.visibility = "hidden";
		node.display = "none"
		node.overflow = "hidden"
		//node.line-height: 0px; 
		node.style.height = "12px";	// Optionnel libérer l'espace
	}
}

et le HTML :

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
<p>Contenu précédant </p>
	<a href="#" onclick = "toggle('foo')">Cliquer pour basculer l'état du div suivant</a>
	<div id="foo" style="visibility:hidden;height:0px;line-height:10px;"></p><!-- -->
	<table>
	<tr>
						<td></td>
						<td></td>
						<td	class="MandFields"	colspan="2">toto</td>
					</tr>
	<tr>
	<tr>
				<td></td>
				<td class="SectionLib">tutu</td>
				<td class="SectionValue">
					<input type="text" name="txtCtaCode" value="" maxlength="9">
				</td>
				<td class="SectionValue">
					<input type="image" name="imgLoupeCtp" src="../source_image2/loupe.gif" border="0" WIDTH="30" HEIGHT="32">
				</td>
	</tr>
	</table>
	</div>
	<p>Contenu suivant </p>

[supersnail]

Bonjour et bienvenue sur le forum

1- tu as la balise [code ] pour mettre du code sur le forum
2- Remplace

Code :

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

1
2
node.display = "none"
node.overflow = "hidden"

par

Code :

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

1
2
node.style.display = "none"
node.style.overflow = "hidden"

[bengovi]

Super, ça marche !
C'était tout bête

Merci