Discussion :

[popogendarme]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[blueice]

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

[Bisûnûrs]

Rajoute display:block sur le style de tes liens.

[popogendarme]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;

[Bisûnûrs]

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

[popogendarme]

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 ...)