Discussion :

[hanane28]

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??!!

voici mon code:

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
 
 
<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 :

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
 
 
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]

[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 ;-)

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

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

[hanane28]

Bonjour,

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.

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

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

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

Code :

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

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.

[hanane28]

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 alors tu peux me filer un coup de main?! merci

[Oluha]

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

Code :

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

document.getElementById(lyr).style.display

ca devrait d'avantage lui plaire

[hanane28]

j'ai changé la fonction diplay_hide par:

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
 
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 :

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

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 :

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

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

au lieu de:

Code :

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

1
2
 
<img src="habillage/folder_v.gif" onClick="display_hide(rubrique2, rubrique1)">

et ça maaaaaaaaaaaarche 8)


Merci beaucoup pour votre aide.
à bientôt.

[Oluha]

un petit tag résolu ?

[hanane28]

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

Bonne journée et merci pour l'aide