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