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.
A voir également:
- Toggle js
- Js/packed.agent.n ✓ - Forum Virus
- Arrondir js ✓ - Forum Windows
- Js echo ✓ - Forum PHP
- Isset js ✓ - Forum Javascript
- Javascript arrondi après la virgule ✓ - Forum Windows
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 :)
