javascript et firefox

**danathane** · 17/03/2008, 16h21

Coucou, jai un soucis avec mon javascriopt et mon html que je n'arrive pas à résoudre. voilà le code du script et du html. Il marche sous IE mais j'aurais besoin que ca marche aussi sous Firefox.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 
function TabClick( nTab )
{
 
for (i = 0; i < corpsonglet.length; i++)
{
	tabs[i].className = "TabBorderBottom TabCommon TabOff";
	corpsonglet[i].style.display = "none";}
	corpsonglet[nTab].style.display = "block";
	tabs[nTab].className = "TabCommon TabOn TabActiveBackground TabActiveBorderLeftRight";
}

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
 
<TD COLSPAN=5 CLASS="TabContent TabActiveBackground TabActiveBorderLeftRight TabContentBottom"> 
<DIV id="corpsonglet">
aaaa
</DIV>
 
<DIV ID="corpsonglet">
bbbb
</DIV>
 
<DIV id="corpsonglet">
cccc
</DIV>
 
<DIV id="corpsonglet">
dddd
</DIV>
</TD>
 
</TR>

Donc tout ca marche sous IE, mais sous Firefox, il semble qu'il ne voit pas à quoi correspond corpsonglet. Je vois pas où est le soucis. Is vous avez des idées je suis rpeneur. merci

**E.Bzz** · 17/03/2008, 17h01

Bonjour,
le principal problème est qu'un ID doit être unique dans la page.
Or tu as 4 "corpsonglet" => pas glop

A+

**Auteur** · 17/03/2008, 17h13

et écris les balises et leurs attributs en minuscules, et les valeurs des attributs entre guillemets

Code html :

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

1
2
3
4
5
 
<td colspan="5" class="TabContent TabActiveBackground TabActiveBorderLeftRight TabContentBottom"> 
<div id="corpsonglet">
aaaa
</div>

**SpaceFrog** · 17/03/2008, 17h15

je ne sais plus , mais il n'y en a pas un des deux qui considère le className comme propriété de style ?

**danathane** · 17/03/2008, 17h20

Je suis pourtant sur et certain que c'est possibld'avoir plusieur ID similaire.
Par exemple les Radio box. Ils ont tous le mme ID en principe.
Donc je ne vois pas en quoi ca pourrait géner dans ce cas là

En plus si ca posait un vrai problème, IE m'aurait envoyé baladé depuis longtemps.

**SpaceFrog** · 17/03/2008, 17h21

ha ben non :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<style type='text/css'>
.one {background:red;}
.two {background:blue;}
.three {color:green;}
.four {color:yellow;}
 
</style>
</head>
 
<body>
<div  class="one three" onclick="this.className=(this.className=='one three')?'two four':'one three';">aaaaaaaaaaaaaaaaaaaaaaaaaaanbsp;</div>
</body>

**Auteur** · 17/03/2008, 18h00

Envoyé par danathane

Je suis pourtant sur et certain que c'est possibld'avoir plusieur ID similaire.
Par exemple les Radio box. Ils ont tous le mme ID en principe.
Donc je ne vois pas en quoi ca pourrait géner dans ce cas là

En plus si ca posait un vrai problème, IE m'aurait envoyé baladé depuis longtemps.

tu confonds avec l'attribut name

IE ne fait pas la différence entre id et name

**E.Bzz** · 17/03/2008, 18h03

Envoyé par Auteur

tu confonds avec l'attribut name

IE ne fait pas la différence entre id et name

+ 1
(c'est bien le cas des boutons radio)

De plus les ID dupliqués ne posent pas problème (hors la validité du code), tant que JS n'y accède pas.

Mais un id doit toujours être unique dans une page.

... et : non, ce n'est pas négociable

A+