Probleme: Clique Sur onglet ( et pas juste sur son texte)

Bonjour à tous,

J'ai un petit soucis au boulot, j'ai hérité d'une page php à modifier et dans cette page, il y a 3 des onglets. Pour chaque onglet selectionnés, si l'on clique sur l'un des deux onglets, il passe lui à l'etat block et les deux autres à none. ( un classique).

Le javascript marche, c'est cool, les onglets fonctionnent, le seul petit soucis, ce que pour qu'il s'active il faut cliquer sur 'le texte de l'onglet" ( que le curseur passe en mode texte), tant qu'il est en fleche le curseur, si je clique il ne se passe rien.
J'ai trouvé d'autre solution d'onglet, mais ça m'embete de casser tout le code.

J'ai laissé le code des onglets en dessous.

Si quelqu'un peut m'aider, ce sera cool, merci de m'avoir lu.

Code:

---

1 2 3 4 5 6 7 8 9

<div id="one"> <div id="sect1" class="smalltab"><?=$row1['name'];?></div> <div class="smalltabline"><a onClick='click2();'><?=$row2['name'];?></a></div> <div class="smalltabline"><a onClick='click3();'><?=$row3['name'];?></a></div> <div class="contentsec" style="height:300px;overflow:scroll; overflow-x:hidden;"> </div> </div>

---

Le code sans les propriétés CSS ca va être dur dur :?

Rajoute display:block sur le style de tes liens.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

.smalltab{ display:block; float:left; text-align:center; background-color:#F3EFEE; color:#D32103; font-size:11px; line-height:14px; margin-top:1px; margin-left:1px; width:51px; min-width:51px; height:37px; min-height:37px; padding-top:10px; }   .smalltabline{ display:block; float:left; text-align:center; color:#565656; font-size:11px; line-height:14px; background-color:#FFFFFF; padding-top:10px; 'border-left-style:solid; 'border-left-color:#F4F0ED; 'border-right-style:solid; 'border-right-color:#F4F0ED; 'border-top-style:solid; 'border-top-color:#F4F0ED; 'border-bottom-style:solid; 'border-bottom-color:#F4F0ED; margin-top:1px; margin-left:1px; width:51px; min-width:51px; height:37px; min-height:37px; cursor:hand; }

---

ah voici le style qui correspond, j'avais déjà mis display:block;

Je parle sur tes liens, pas le div qui contient tes liens.

Citation:

---

Envoyé par Bisûnûrs

Je parle sur tes liens, pas le div qui contient tes liens.

---

quand tu parles de liens tu parles bien de <a> ?

Escusez moi ça parait sans doute un peu nase, mais j'ai bossé trois ans avec un socle technique pour struts qui faisait tout et j'ai plus l'habitude des trucs comme ça ( l'ai-je déjà eu ...)

Oui, donc ton code CSS devra avoir ça en plus :

Code:

---

1 2 3

.smalltab a{ display:block; }

---

Ok ça marche, merci beaucoup

J'ai " decouvert" une autre solution aussi:
mettre le lancement des javascripts dans le <div> et non le <a>
et ça marche aussi

merci beaucoup

les deux solutions reviennent au même ou y en a une plus propre que l'autre?

Si tu mets le onclick sur le div tu peux te passer de faire des liens et donc les supprimer.
Ca allégera un poil ton code.

Ok,ce qui est toujours bon à prendre, je vais faire ça.

Merci.