je suis parvenue à aligner 4 onglets en melangeant un peu de css, un peu de HTML et de javascript.
Mon problème est le suivant : lorsque je clique sur un onglet je voudrais pouvoir lui faire changer sa couleur de manière à le rendre "actif" et là je coince.
Je vous joins mes 3 bouts de code.
HTML et Javascript :
<script>
function onglet_actif(actif)
{
var i,j,nom,nb;
var Tabs=document.getElementsByTagName('li');
nb=Tabs.length;
for(i=0;i<nb;i++)
{
Tabs[i].firstChild.class=""
}
Tabs[actif].firstChild.class="active";
}
</script>
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="style_onglet.css">
</HEAD>
coucou47 :
cabane a dit : "lorsque je clique sur un onglet ..."
c pas un on mouseover mais bien un onClick du coup....
Et puis passer "this" (ref a la cellule du tableau) en argument c'est beaucoup plus lourd que de passer juste un int, surtout que la fonction javascript est déjà écrite .....
qui change la couleur du texte et l'arrondi droit de l'onglet mais il
faut également que je modifie le background du li (la partie gauche de
l'onglet), comment sélectionner le li quand le lien qui est à
l'intérieur est actif?
OK merci, depuis que j'ai posté le message j'ai trouvé la solution de
me faire une petite fonction javascript comme la tienne mais je n'avais
pas pensé à une variable globale pour conserver l'onglet courant.
Du tout il fallait tous les rendre inactifs (heureusement il n'y en a
que 4) et activer le bon. Ta méthode est plus propre et plus évolutive
si je veux ajouter des onglets.