High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Effet toggle javascript

Dernière réponse le 2 oct 2009 à 07:32:52 woodruff, le 19 mar 2009 à 10:01:20 
 Signaler ce message aux modérateurs

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.

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « effet toggle javascript » dans :
Javascript - Librairies d'effets pour vos images Voir Au gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Automatisation d'un effet en javascript ?? Voir
Une popup d'information au survol sans Javascript ni CSS Voir Parfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Javascript - Manipulation des contrôles clavier VoirManipulation des contrôles clavier Cette astuce a pour but de vous faire découvrir la (ou du moins une) manière de contrôler les évènements clavier en javascript. Cela vous permettra de contrôler/attribuer les/des comportements particuliers à...
YouTube - Vous avez désactivé JavaScript VoirProblème Lorsque vous naviguez sur certains sites, tels que YouTube, ceux-ci affichent le message d'erreur suivant : Vous avez désactivé JavaScript ou bien vous possédez une ancienne version d'Adobe Flash Player. Téléchargez la dernière version...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...
Javascript - l'objet Array VoirLes particularités de l'objet Array L'objet Array est un objet du noyau Javascript permettant de créer et de manipuler des tableaux. Voici la syntaxe à utiliser pour créer une variable tableau : var x = new Array(element1[, element2, ...]); Si...
Posez votre question Répondre

1

woodruff, le 20 mar 2009 à 09:07:57

Personne n'aurait une idée ?

   
Répondre à woodruff

2

 totoche, le 2 oct 2009 à 07:32:52

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>

   
Répondre à totoche
Posez votre question Répondre
Ils ont besoin de votre aide