Netscape7.0 et javascript

Version imprimable

[Résolu] Netscape7.0 et javascript

Bonjour,

j'utilise du javascript pour afficher/masquer un menu. sur IE6.x ça marche bien. Cependant, quand j'utilise Netscape7.0 le menu ne s'ouvre pas??!! 8O

voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 
<table width="100%"  border="0" align="left" cellpadding="0" cellspacing="0" id="rub1" style="display:block; ">
       <tr class="td_menu">
	<td align="left" valign="middle" style="padding-left:2px; 13px; "><a href="javascript:display_hide(rub1, rub01)"><img src="habillage/ferme.gif" title="afficher/masquer le menu"></a></td>
                      <td height="18" align="center" valign="middle"><a href="#URL_RUBRIQUE" class="a_menu">#TITRE</a></td>
                    </tr>
                </table>
<table width="100%"  border="0" align="left" cellpadding="0" cellspacing="0" id="rub01" style="display:none
                    <tr class="td_menu">
		<td align="left" valign="middle" style="padding-left:2px; width:13px; "><a href="javascript:display_hide(rub1, rub01)"><img src="habillage/ferme.gif" title="afficher/masquer le menu"></a></td>
                      <td height="18" align="center" valign="middle"><a href="#URL_RUBRIQUE" class="a_menu">#TITRE</a></td>
                    </tr>
<tr><td colspan="2">titre1</td></tr>
<tr><td colspan="2">titre2</td></tr>
<tr><td colspan="2">titre3</td></tr>
                </table>

la fonction javascript display_hide():

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
 
 
function display_hide(lyr ,hid)
{
	var disply;
	var h;
	var disply;
	disply=lyr.style.display
 
	if(disply=='none')
	{
		lyr.style.display='block'
 
		hid.style.display='none'
 
	}
	else
	{
		lyr.style.display='none'
 
		hid.style.display='block'
 
	}
}

quelqu'un a une explication???

PS: personnellement j'utilise IE pour Internet mais d'autres personnes utilisent NS alors je dois faire en sorte que le site marche pour tout le monde

Merci et bonne journée.

[Déplacé par King Kaiser]

10/03/2005, 15h10
Anonymous

Désolé , pas le temps de tester mais à mon avis, il faut mettre
Id="lyr" ET Name="lyr"

Netscape ne cherche que les Name ;-)

Si non je viendrais aux nouvelles ce soir ;-)
10/03/2005, 15h14
Oluha

tu déclares 2 fois var disply; ce qui ne doit pas lui plaire...
Sinon ouvre la console javascript, il devrait y avoir des messages d'erreur.
10/03/2005, 15h22
javatwister

rub1 et rub01 ne sont pas considérés comme des objets javascripts sans que tu les aies clairement déclarés à partir du dom (sauf sous IE bien sûr...)
10/03/2005, 15h29
hanane28

message d'erreur
Bonjour,

Citation:

Désolé , pas le temps de tester mais à mon avis, il faut mettre
Id="lyr" ET Name="lyr"

au fait l'attribut name n'existe pas et même si je l'ajoute ça donne rien.

Citation:

tu déclares 2 fois var disply; ce qui ne doit pas lui plaire...

j'ai enlevé la 2ème déclaration de disply et rien...

Citation:

Sinon ouvre la console javascript, il devrait y avoir des messages d'erreur.

j'ai trouvé cette erreur dans la console javascript:
Code:

1 2 3 4 Erreur : rub1 is not defined Fichier source : javascript:display_hide(rub1, rub01) Ligne : 1
rub1 est l'id du tableau affiché initialement.

merci.
10/03/2005, 15h33
hanane28

DOM????...euh...

salut,
au fait, javascript, j'y connais rien. J'ai dû bricoler un peu cette fonction, je viens de commencer à lire un cours en javascript mais apparement ça prendra des jours avant que je comprenne la signification de ce fameux DOM.

je ne suis pas du genre à demander le poisson mais plutôt apprendre à le pêcher... mais cette fois disons que je suis très préssée :lol: alors tu peux me filer un coup de main?! :wink: merci
10/03/2005, 15h34
Oluha

comme le dit javatwister, tu as un problème d'objet :

Code:

document.getElementById(lyr).style.display

ca devrait d'avantage lui plaire

nouvelle fonction

j'ai changé la fonction diplay_hide par:
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 function display_hide(lyr ,hid) { var disply; var h; disply=document.getElementById(lyr).style.display if(disply=='none') { document.getElementById(lyr).style.display='block' document.getElementById(hid).style.display='none' } else { document.getElementById(hid).style.display='block' document.getElementById(lyr).style.display='none' } }
mais ça n'a rien donné.

J'ai revu les messages d'erreurs dans la console javascript:
Code:

1 2 3 4 Erreur : rub1 is not defined Fichier source : javascript:display_hide(rub1, rub01) Ligne : 1
et mamodeste intélligence m'a soufflé que peut être je dois ajouter des quotes aux valeurs des id lors de l'appelle de la fonction:
Code:

1 2 <img src="habillage/folder_v.gif" onClick="display_hide('rubrique2', 'rubrique1')">
au lieu de:
Code:

1 2 <img src="habillage/folder_v.gif" onClick="display_hide(rubrique2, rubrique1)">
et ça maaaaaaaaaaaarche :D 8)

Merci beaucoup pour votre aide.
à bientôt.

10/03/2005, 16h13
Oluha

un petit tag résolu ?
10/03/2005, 16h16
hanane28

j'allais le faire

merci Oluha de m'en rappeler, c'est ce que j'aller faire.

Bonne journée et merci pour l'aide :D