Forum d'entraide PHPFrance

Bonjour à tous!

J'ai un script qui me permet d'afficher/cacher une balise selon sa classe, mais ce script ne marche pas pour une balise tr de tableau et je n'arrive pas à trouver comment je peux faire....

voici le code:

Code : Tout sélectionner

function afficheDescription(bouton) {
var description = bouton;
while(description = description.nextSibling) {
if(description.nodeType == 1 && description.className == "description")	{
if(description.style.visibility=="hidden") {
description.style.visibility="visible";
bouton.innerHTML="<img src=\"../images/moins.gif\" />";
}else {
description.style.visibility="hidden";
bouton.innerHTML="<img src=\"../images/plus.gif\" />";
}
break;
}
}
}

Merci pour votre aide

Manuscle

J'aimerais ajouter ce code que j'ai fait:

Code : Tout sélectionner

<table>
	<tr class="bouton" onclick="javascript:afficheDescription(this)">
		<td><img src="../images/plus.gif" /></td>
		<td width="100px">Objet</td>
		<td width="50px">date</td>
		<td width="50px">Utilisateur</td>
	</tr>
	<tr class="description" style="visibility:hidden;">
		<td colspan="4">Description blahblah</td>
	</tr>
</table>

Lorsque je clique sur l'image, la ligne tr classe "description" apparait alors que la ligne classe "bouton" disparait alors qu'elle ne devrait pas......j'y suis presque!

Utilise plutot DISPLAY (inline ou block) à la place de visibility, simplifie ta fonction tu n'a pas besoin de la compliquer autant, mais un id sur ton image et fait un getElementById().src="" en fonction de du display

Forum d'entraide PHPFrance

Afficher/cacher une ligne tr de tableau

Afficher/cacher une ligne tr de tableau