onglets sous Firefox

**djef80_12** · 09/01/2007, 09h57

Ce code ne fonctionne pas sous firefox =>

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
			<script> 
				function TabClick(nTab){ 
    				Col = document.getElementsByName("Content"); 
    				for (i = 0; i &lt; document.getElementsByName("Content").length; i++) 
        				{ 
        				document.getElementsByName("tabs")[i].className = "rep_hp_tab_off"; 
        				document.getElementsByName("Content")[i].style.display = "none"; 
        				} 
    				document.getElementsByName("Content")[nTab].style.display = "block";     
    				document.getElementsByName("tabs")[nTab].className = "rep_hp_tab_on"; 
				} 
			</script> 
			<body onload="TabClick(0);">
.
.
.
                              <tr align="center">
                                <td width="33%" class="rep_hp_tab_on" id="tabs" onclick="TabClick(0);">E-poll</td>
                                <td width="33%" class="rep_hp_tab_off" id="tabs" onclick="TabClick(1);">Agenda</td>
                                <td width="33%" class="rep_hp_tab_off" id="tabs" onclick="TabClick(2);">Blog</td>                                
                              </tr>
                            </table>
                            <table width="100%"  border="0" cellpadding="0" cellspacing="0" class="rep_hp_dontmiss_content">
                              <tr>
                                <td id="Content"><form name="form1" method="post" action="">
                                    <strong>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis?</strong><br/>
                                    <br/>
                                    <input name="radiobutton" type="radio" value="radiobutton"/>
                                    Yes<br/>
 
.
.
.

Si quelqu'un a une idée, elle est la bienvenue

**J0r_x** · 09/01/2007, 11h11

Quand tu l'executes fais Outils->Console javascript ca te/nous permetra de savoir d'ou vient l'erreur exactement.

**djef80_12** · 09/01/2007, 11h19

L'erreur est la suivante =>

document.getElementsByName("Content")[nTab] has no properties.

**dingoth** · 09/01/2007, 14h36

utilise des document.getelementById au lieu de ByName ...

**djef80_12** · 09/01/2007, 15h31

Envoyé par dingoth

utilise des document.getelementById au lieu de ByName ...

ça provoque la même erreur sous firefox, et ça ne fonctionne plus sous IE

c'est très bizard...merci quand même

**dingoth** · 09/01/2007, 16h01

Mouais, je me suis planté quand j'ai écrit ça :

document.getElementById : les majuscules sont importantes en JavaScript et j'avais oublié cette de 'element'.

**djef80_12** · 09/01/2007, 16h14

Envoyé par dingoth

Mouais, je me suis planté quand j'ai écrit ça :

document.getElementById : les majuscules sont importantes en JavaScript et j'avais oublié cette de 'element'.

Non non, c'est pas ça. Je sais que le javscript est case sensitive.
Mais ça met toujours la même erreur juste après le for{}
...

**dingoth** · 09/01/2007, 16h42

bon, ben à la place, dans ton code HTML, tu remplaces les id par des name...

Le truc, c'est que IE reconnait indifféremment ID et NAME, tandis que Firefox ne s'en fiche pas. D'ailleurs un ID, sur une page doit être unique. Or, tu as 3 id = "tabs" et sans doute 2 id="Content" ...

M'enfin, je pouvais difficilement savoir que tu avais 3 Content alors que tu n'en montres qu'un demi. Mieux vaut une page complète qu'une portion de code qui induit en erreur.

**djef80_12** · 09/01/2007, 17h18

Merci pour ton aide.
Pour info, si on remplace les id="" par des name="", ça fonctionne sur FF mais plus sur IE

. Donc j'ai mis les deux et maintenant ça marche, mais seulement avec getElementsByName, pas avec getElementById.

Envoyé par dingoth

M'enfin, je pouvais difficilement savoir que tu avais 3 Content alors que tu n'en montres qu'un demi. Mieux vaut une page complète qu'une portion de code qui induit en erreur.

J'en prend note pour la prochaine fois

onglets sous Firefox

JavaScript

Discussions similaires

Partager

Partager