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