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
- Arrondir js - Forum Webmastering
- Arrondi js ✓ - Forum Windows
- Copiez l'image dans un logiciel d'édition d'images ou un outil en ligne comme js paint ou pixlr e. remplissez les cases en suivant le code couleur. des cases supplémentaires vont se remplir automatiquement. que représente le dessin ? ✓ - Forum Windows
- Remplir une case de tableau avec une couleur grise avec texture de pointillés ✓ - Forum Photoshop
- Reproduction d'un dessin - Forum Graphisme
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 :)
