erreur dans script de menu

**gspereira** · 29/03/2011, 19h56

Quelqu'un pourrait m'aider?
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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
// JavaScript Document
 
function show(num)
{
if (document.getElementById(num)!=null)
document.getElementById(num).style.display="block";
}
 
function hide(num)
{
if (document.getElementById(num)!=null)
document.getElementById(num).style.display="none";
}
 
function afficher(num)
{
for (idx=1;idx<8;idx++)
{
submenu="submenu"+idx;
if (idx==num) 
{
show(submenu);
}
else
{
hide(submenu);
} 
}
}
 
function cacher()
{
for (idx=1;idx<5;idx++)
{
submenu="submenu"+idx;
{
hide(submenu);
} 
}
}
 
var isMouseOver = '0';
 
function fOnMouseOver(num)
{
clearInterval();
isMouseOver = '1';
if (num!=''){
afficher(num);
} else {
cacher();
}
 
} 
function fOnMouseOver2()
{
clearInterval();
isMouseOver = '1';
} 
 
function fOnMouseOut() 
{
isMouseOver = '0';
window.setTimeout("fOnSetInterval()", 10000);
}
 
function fOnSetInterval()
{
if (isMouseOver == '0') {
clearInterval();
cacher();
}
}
 
function setActiveMenu(num)
{ 
if (num!=''){
menuitem="menu"+num;
submenuitem="submenu"+num;
 
if (document.getElementById(menuitem)!=null)
{
document.getElementById(menuitem).style.background='#DDDDDD';
document.getElementById(menuitem).style.color='#000000';
}
show(submenuitem);
}
}

ERRO: D�tails de l�erreur de la page Web

Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; OfficeLiveConnector.1.5; OfficeLivePatch.1.3; .NET4.0C)
Horodateur : Tue, 29 Mar 2011 17:49:57 UTC

Message : Cet objet ne g�re pas cette propri�t� ou cette m�thode
Ligne : 19
Caract�re : 4
Code : 0
URI : http://www.mae-mali....scripts/menu.js

MERCI!!!!

**SpaceFrog** · 29/03/2011, 20h07

y'a du html qui va avec ?

**gspereira** · 29/03/2011, 20h19

oui, le voici:

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
 
<?php include ("rootdir.inc.php");
 
 include ($rootdir."includes/config.inc.php");
 
?>
 
 
<html >
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<title>Mali Air Express - La compagnie aérienne qui dessert les villes du Mali</title>
 
<meta name="Keywords" content="" />
 
<meta name="Description" content="" />
 
<link href="styles.css" rel="stylesheet" type="text/css" />
 
</head>
 
<body >
 
<script src="scripts/menu.js" type="text/javascript" language="javascript"> </script>
 
<div id="main">
 
<!-- header begins -->
 
<div id="header">
 
 
 
	<div id="logo"><a href="#">
 
Mali Air Express</a>
 
		<h2 id="slogan"><span>La compagnie qui dessert les villes du Mali</span> </h2></div>
 
	<div id="buttons">
 
		<ul>
 
			<li class="first" id="menu1" onMouseOver="fOnMouseOver('1');" onMouseOut="fOnMouseOut();"><a href="index.php"  title="">Accueil</a>		
 
			</li>
 
			<li><a href="pages.php?pgid=dest" title="" id="menu2" onMouseOver="fOnMouseOver('');" onMouseOut="fOnMouseOut();">Destinations</a></li>
 
			<li><a href="pages.php?pgid=hor" title="" id="menu3" onMouseOver="fOnMouseOver('');" onMouseOut="fOnMouseOut();">Horaires</a></li>
 
			<li><a href="pages.php?pgid=tf" title="" id="menu4" onMouseOver="fOnMouseOver('4');" onMouseOut="fOnMouseOut();">Tarifs</a></li>
 
			<li><a href="pages.php?pgid=rsv" title="" id="menu5" onMouseOver="fOnMouseOver('');" onMouseOut="fOnMouseOut();">R&eacute;servation</a></li>
 
	</ul></div>	
 
</div>
 
 
 
<!-- header ends -->
 
<div id="submenu"><ul style="display: block;" id="submenu1" ><li><a id="submenu11" href="pages.php?pgid=about" onMouseOver="fOnMouseOver2()" onMouseOut="fOnMouseOut();">Présentation</a>  | </li><li><a id="submenu12" href="pages.php?pgid=flotte" onMouseOver="fOnMouseOver2()" onMouseOut="fOnMouseOut();">Notre flotte</a>  | </li><li><a id="submenu13" href="pages.php?pgid=n" onMouseOver="fOnMouseOver2()" onMouseOut="fOnMouseOut();">Actualités</a>  | </li><li><a id="submenu14" href="contact.php" onMouseOver="fOnMouseOver2()" onMouseOut="fOnMouseOut();">Contactez-nous</a></li></ul>
 
 
 
<ul style="display: none;" id="submenu4" ><li><a id="submenu41" href="pages.php?pgid=tf#ntl" onMouseOver="fOnMouseOver2()" onMouseOut="fOnMouseOut();">Vols nationaux</a>  | </li><li><a id="submenu12" href="pages.php?pgid=tf#intl" onMouseOver="fOnMouseOver2()" onMouseOut="fOnMouseOut();">Vols internationaux</a></li></ul>
 
</div>
 
<!-- content begins -->
 
<div id="content">
 
<div id="right">
 
	<div id="sidebar">
 
		<?php include "includes/sidebar_random.inc.php";?>
 
		<?php include "parts/newsshot.inc.php";?>
 
		<!-- end #sidebar -->
 
	</div>
 
</div>
 
<div id="left" class="indexleft" >
 
<table id="indextb"><tr><td><img src="images/dests2.png" width="475" height="395" usemap="#imgdestsMap" id="imgdests" title="cliquez une destination"/>
 
	<h1>Bienvenue &agrave; Mali Air Express !</h1>Quelle est votre destination?<br /></td>
 
	<td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="150" height="395">
 
  <param name="movie" value="images/ban150.swf" />
 
  <param name="quality" value="high" />
 
  <embed src="images/ban150.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="395"></embed>
 
</object>
 
</td></tr></table>
 
</div>
 
</div>
 
</div>
 
<!-- content ends -->
 
<!-- footer begins -->
 
<?php include "includes/footer.inc.php"; ?>
 
 
 
<!-- footer ends -->
 
 
 
 
 
 
 
<map name="imgdestsMap" id="imgdestsMap">
 
<area shape="poly" coords="239,166,181,164,182,174,213,183,242,175" href="pages.php?pgid=dest&amp;dest=tom" alt="Tombouctou" title="Tombouctou" />
 
<area shape="poly" coords="95,220,99,228,105,239,76,240,75,232" href="pages.php?pgid=dest&amp;dest=ky" alt="Kayes" title="Kayes" />
 
<area shape="poly" coords="4,203,41,202,41,212,14,213,15,220,2,221" href="pages.php?pgid=dest&amp;dest=dk" alt="Dakar" title="Dakar" />
 
<area shape="poly" coords="210,197,221,205,221,214,194,214,196,203" href="pages.php?pgid=dest&amp;dest=mpt" alt="Mopti" title="Mopti" />
 
<area shape="poly" coords="135,295" href="#" alt="" /><area shape="poly" coords="41,278,66,281,66,292,19,292,22,277,37,266" href="pages.php?pgid=dest&amp;dest=con" alt="Conakry" title="Conakry" />
 
<area shape="poly" coords="119,246,142,240,164,246,161,254,120,255" href="pages.php?pgid=hor" alt="Bamako" title="Bamako" />
 
<area shape="poly" coords="243,193,245,182,275,186,270,194" href="pages.php?pgid=dest&amp;dest=gao" alt="Gao" />
 
</map></body>
 
<script type="text/javascript" language="javascript">	setActiveMenu('1');</script>
 
</html>

**NoSmoking** · 29/03/2011, 22h31

Bonsoir,
tu travailles avec EXPLORER, cela fait aucun doute...
petit rappel sur la d�claration des variables

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
var variableGlobale;
function fct(){
  var variableLocale = 15;
  variableGlobale = variableLocale;
}

dans les deux cas on utilise le mot cl� var, en absence de celui ci la variable est consid�r�e comme globale, voila pour le rappel.

autre rappel, il est souvent nocif d'utiliser comme nom de variable des mots cl� ou encore des noms utilis�s comme identifiant d'�l�ment.
exemple, entre bien d'autre :
ne pas utiliser une variable au nom de content quand il existe une DIV avec une id='content'

OUI mais pourquoi,..., parce que sous IExplorer on peut acc�der directement � la DIV ayant pour id content en faisant content.innerHTML par exemple.

Dan ta source tu as une <div id="submenu"> et dans tes fonctions tu utilises une variable submenu, globale puisque non pr�c�d�e du mot magique var.

Pour t'en convaincre modifies la fonction afficher comme ceci

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
function afficher(num){
  alert( submenu.tagName);
  for (idx=1;idx<8;idx++){
    submenu="submenu"+idx;
    if (idx==num){
      show(submenu);
    }
    else{
      hide(submenu);
    }
  }
}

pour supprimer le probl�me il te faut donc �crire

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
function afficher(num){
  var idx, submenu;
  for( idx=1;idx<8;idx++){
    submenu = "submenu"+idx;
    if (idx==num){
      show(submenu);
    }
    else{
      hide(submenu);
    }
  }
}

ou mieux encore

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
function afficher(num){
  var idx, sId;
  for( idx=1;idx<8;idx++){
    sId = "submenu"+idx;
    if( idx==num){
      show( sId);
    }
    else{
      hide( sId);
    }
  }
}

PS : merci d'�diter ton message pour mettre les balises code

erreur dans script de menu

JavaScript

Discussions similaires

Partager

Partager