Bonjour à tous !
J'ai un petit menu à onglet en css :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <div id="onglet"> <ul> <li><a href="#" onclick="AfficheTexte('bienvenue'); return false;">Welcome</a></li> <li><a href="#" onclick="AfficheTexte('actualites'); return false;">News</a></li> </ul> </div>
J'ai également une fonction JS : AfficheTexte() qui permet d'afficher le texte correspondant à l'onglet cliqué :
>> Jusque là tout va bien !
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <div id="bloc_bienvenue" class="bloctexte" style="display: block;">contenu du bloc Bienvenue</div> <div id="bloc_actualites" class="bloctexte" style="display: none;">contenu du bloc Actualite</div>
Or ce que j'aimerai maintenant, c'est que lorsque l'on clic sur un onglet, celui-ci change d'état. Pour celà j'utilise le style :
Ma question est :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 id="current" Ce qui donne (si on clic sur l'onglet Welcome) : <li id="current"><a href="#" onclick="AfficheTexte('bienvenue'); return false;">Welcome</a></li>
Comment faire apparaître et disparaître id="current" de mes balises <li> ? en JS ou en PHP, peut importe !
Je sèche total !!
Merci beaucoup pour votre aide !
Partager