11550 sujets

JavaScript, DOM et API Web HTML5

Le menu n'est pas défini

Salut,
Sous firefox : console javascript, il m'indique que mon menu n'est pas défini :voir ligne en gras

<script type=text/javascript>
<!--
dynMenu = function(idMenu,delai) {
tempo=0;
dls = document.getElementById(idMenu).getElementsByTagName("dl");
for(var i=0;i<dls.length;i++){
	dls.onmouseover=function(){
		clearTimeout(tempo);
		encours=this;
		tempo=setTimeout("chgClass()",delai)
		}
  }
[b]menu.onmouseover=function(){[/b]
clearTimeout(tempo);
tempo=setTimeout("chgClass()",delai)
}
}

function chgClass(){
	for(var j=0;j<dls.length;j++) //cache tout
		dls[j].className=dls[j].className.replace(/ montre|montre|montre /,"");
		encours.className+=!encours.className?"montre":" montre"; //montre le sous-menu
}

dynMenu("menu",200)
//-->
</script>


je pense qu'il faut une variable pour le nombre de menu ou sous menu mais je ne connais pas le code à entrer.
Modifié par falco (24 Apr 2006 - 16:07)
Salut,

Le Xhtml :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Alpha</title>
<link href="Style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style1 {font-size: 1.5em}
-->
</style>
</head>

<body>


<div id="menu">
	<dl>
		<dt><a href="index.html">Accueil</a></dt>
			
	</dl>
	<dl>
		<dt><a href="#">Mangas</a></dt>
			
    <dd > 
      <ul>
        <li><a href="Cobra.html">Cobra</a></li>
        <li><a href="Albator.html">Albator</a></li>
        <li><a href="Dbz.html">Dbz</a></li>
      </ul>
    </dd>
	</dl>
	
	<dl>			
		<dt><a href="#">Jeux Vidéos</a></dt>
			
    <dd> 
      <ul>
        <li><a href="Actu.html">Actu</a></li>
        <li><a href="Preview.html">Preview</a></li>
        <li><a href="Test.html">Test</a></li>
        
      </ul>
    </dd>
	</dl>
	
	<dl class="montre">	
		<dt><a href="#">Roms</a></dt>
    <dd > 
      <ul>
        <li><a href="Nes.html">Nes</a></li>
        <li><a href="Master_system.html">Master system</a></li>
        <li><a href="Megadrive.html">Megadrive</a></li>
        <li><a href="Neo_Geo.html">Neo_Geo</a></li>
        <li><a href="Pc_Engine.html">Pc Engine</a></li>
        <li><a href="Flipper.html">Flipper</a></li>
      </ul>
    </dd>
	</dl>
	
	<dl>	
		<dt><a href="#">Forum</a></dt>
			
    <dd> 
      <ul>
        <li><a href="Passion mangas.html">Passion mangas</a></li>
        <li><a href="Films.html">Films</a></li>
      </ul>
    </dd>
	</dl>
	
</div>

<div id="logo">
</div>
 <script type=text/javascript>
<!--
dynMenu = function(idMenu,delai) {
tempo=0;
dls = document.getElementById(idMenu).getElementsByTagName("dl");
for(var i=0;i<dls.length;i++){
	dls[i].onmouseover=function(){
		clearTimeout(tempo);
		encours=this;
		tempo=setTimeout("chgClass()",delai)
		}
  }
menu.onmouseover=function(){
clearTimeout(tempo);
tempo=setTimeout("chgClass()",delai)
}
}

function chgClass(){
	for(var j=0;j<dls.length;j++) //cache tout
		dls[j].className=dls[j].className.replace(/ montre|montre|montre /,"");
		encours.className+=!encours.className?"montre":" montre"; //montre le sous-menu
}

dynMenu("menu",200)
//-->
</script>

<div id="corps">
  <h1 class="corps">texte h1</h1>

  <h2 class="corps">texte h2</h2>
  
  <h3 class="corps">texte h3</h3>

  <h4 class="corps">texte h4</h4>
  
  <p> mon texte </p>

</div>

<div id="pied_de_page">

<p><strong>Mentions Légales</strong></p>
</div>

</body>
</html>
[/i]
Sujet clos
Aller à