-
attribut display: none
Bonjour,
Je m'adresse à vous développeur car j'ai un problème que je n'arrive pas a résoudre un problème. Je vais devenir :marteau:
J'essaie d'optimiser mon code et donc d'éviter les rechargements. C'est pourquoi je voudrais pouvoir cacher et afficher mon tableau au choix.
Au premier chargement cela fonctionne. Si on clique plusieurs fois sur cacher ou montrer. Le tableau s'agrandi bizarement. J'ai essayer avec une div, et ça donne le même résultat. Merci d'avance à tous.
Voici le code en question :
<table width='500px' align='right' border='1'>
<tr height='15px' bgcolor='white'>
<td align='center'>
<a onclick="getElementById('liste_message').style.display='none'">Cacher les messages</a> ou <a onclick="getElementById('liste_message').style.display='table';">Voir les réponses</a>
</td>
</tr>
<tr bgcolor='red' id="liste_message" align="right" style="width:500px; height:auto; display:none"><td>
<table border="1" id="liste_message" height="20">
<tr bgcolor='blue'><td>test1</td></tr>
<tr bgcolor='green'><td>test2</td></tr>
</table>
</td></tr>
</table>
-
Je pense que ton problème vient ton
Code:
<a onclick="getElementById('liste_message').style.display='table';">
En effect table n'existe pas pour display!!!
essaye avec display='block' qui est le type d'affichage par défaut pour un tableau
-
