Effet toggle javascript
woodruff
-
test -
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.
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.
Configuration: Windows XP Internet Explorer 7.0
A voir également:
- Toggle js
- Js/packed.agent.n ✓ - Forum Virus
- Js echo ✓ - Forum PHP
- Arrondir js ✓ - Forum Windows
- Javascript arrondi après la virgule ✓ - Forum Windows
- Isset js ✓ - Forum Javascript
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>
<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>
test
6 mois plus tard j'adore :)
