Salut,
Merci pour ta réponse.
Voilà où j'en suis !
Chaque bloque de texte que je veux afficher ou masquer est généré en php à partir d'une bdd.
C'est pourquoi les id sont des variables.
la fonction ci-dessous fonctionne presque.
j'ai bien l'impression que la variable
img (ci-desous en rouge) n'est pas inséré correctement. Seulement, je ne débute en javascript, je ne connais pas très bien la syntaxe.
merci d'avance pour un petit coup de pouce.
Julien
<script language="javascript">
function hideShow(id_div)
{
var img = "image";
img += id_div ;
if (document.getElementById(id_div).style.display=='block')
{
document.getElementById(id_div).style.display='none'
document.
img.src='../img/arrow_down.gif'
}
else
{
document.getElementById(id_div).style.display='block'
document.
img.src='../img/arrow_up.gif'
}
}
</script>
</head>
<body>
<a href="#"><img src="../img/arrow_up.gif" name="image1" border="0" id="image1" onClick="hideShow(1)"></a>
<div id="1" style="display:block "><table width="500" border="1" id="1">
<tr><th>test</th></tr>
<tr><td>page 1</td></tr>
<tr><td>page 2</td></tr>
</table></div>
<hr>
<a href="#"><img src="../img/arrow_up.gif" name="image2" border="0" id="image2" onClick="hideShow(2)"></a>
<div id="2" style="display:block "><table width="500" border="1" id="2">
<tr><th>test</th></tr>
<tr><td>page 1</td></tr>
<tr><td>page 2</td></tr>
</table></div>