Effet toggle javascript

woodruff - 19 mars 2009 à 10:01
 test -
Bonjour,

Voila pour mon site j'utilise un mini effet toggle qui fonctionne très bien mais...
Ma question est simple, comment faire pour transformer "Afficher les valeurs" en "Masquer les valeurs" une fois déroulé??

<script type="text/javascript">
function switchMenu(obj)
{
var el = document.getElementById(obj);
if ( el.style.display != "none" )
{
el.style.display = 'none';
}
else
{
el.style.display = '';
}
}
</script>


<div id="toggle"><a onclick="switchMenu('tab');">Afficher les valeurs</a></div><br/>
<table id="tab" style=display:none>
<tr>
Les données affichées...
</tr>
</table>


Merci à tous pour vos aides et conseils.

2 réponses

Essaie ça : (Je l'ai testé dans IE 8 et FF 3.5, ça fonctionne nickel)

<html>
<body>
<script type="text/javascript">
function switchMenu(obj, toogle, texteQuandFerme, texteQuandOuvert)
{
var el = document.getElementById(obj);
if ( el.style.display != "none" )
{
el.style.display = 'none';
toogle.innerHTML = texteQuandFerme;
}
else
{
el.style.display = '';
toogle.innerHTML = texteQuandOuvert;
}
}
</script>


<div id="toggle"><a href="#" onclick="javascript:switchMenu('tab', this, 'Afficher les valeurs', 'Masquer les valeurs');">Afficher les valeurs</a></div><br/>
<div id="tab" style="display:none">
<table>
<tr>
<td>
Les données affichées...
<td>
</tr>
</table>
</div>
</body>
</html>
6
6 mois plus tard j'adore :)
0
Personne n'aurait une idée ?
0