Se connecter avec
S'enregistrer | Connectez-vous

Aide: problème de liens dans menu javascript

Dernière réponse : dans Programmation

Bonjour à tous,

Suite à mon autre topic, mes problèmes ont évolué. J'ai réussi à faire mon menu mais il reste un "petit détail": rien ne se passe lorsqu'on clique sur les liens du menu. Voici le code du menu:
  1. <style type="text/css">
    

  2. body{
    

  3. 	font-family: sans-serif;
    

  4. 	padding-left:5%;
    

  5. 	padding-right:5%;
    

  6. }
    

  7. #logo{
    

  8. 	font-size:2em;
    

  9. 	border-bottom:1px dotted silver;
    

  10. 	color:silver;
    

  11. }
    

  12. #myMenu{
    

  13. 	float:left;
    

  14. 	width:15%;
    

  15. }
    

  16. #content{
    

  17. 	float:left;
    

  18. 	width:100%;
    

  19. 	font-size:0.8em
    

  20. }
    

  21. h3{
    

  22. 	margin-top:0;
    

  23. }
    

  24. p{
    

  25.  
  26. }
    

  27. #copyright{
    

  28. 	clear:both;
    

  29. 	border-top:1px solid silver;
    

  30. 	margin-top:20px;
    

  31. 	text-align:left;
    

  32. 	padding-right:5px;
    

  33. 	font-size:0.5em;
    

  34. }
    

  35. /* menu styles */
    

  36. li.myMenu0{
    

  37. 	margin:0;
    

  38. 	padding:0;
    

  39. 	list-style : none;
    

  40. }
    

  41. a.myMenu0{
    

  42. 	display:block;
    

  43. 	position:relative;
    

  44. 	background-color:white;
    

  45. 	padding:3px;
    

  46. 	text-decoration:none;
    

  47. 	color:Navy;
    

  48. 	border:1px solid blue;
    

  49. 	margin-top:10px;
    

  50. }
    

  51. </style>
    

  52. </head>
    

  53. <body>
    

  54. <div align="left">
    

  55.   <ul id="myMenu">
    

  56.     <li><a href="#">Menu </a>
    

  57.         <ul>
    

  58.           <!-- NOTE: No space between A tag and UL or IE will make space between the elements -->
    

  59.           <li><a href="<a href="http://virtuailes.iquebec.com" target="_blank">http://virtuailes.iquebec.com</a>">Accueil</a></li>
    

  60.           <li><a href="<a href="http://virtuailes.iquebec.com/avianews.php" target="_blank">http://virtuailes.iquebec.com/avianews.php</a>">News Aéronautiques</a></li>
    

  61.           <li><a href="<a href="http://virtuailes.iquebec.com/index2.php" target="_blank">http://virtuailes.iquebec.com/index2.php</a>">News du site</a></li>
    

  62.           <li><a href="<a href="http://galerie.virtuailes.iquebec.com/" target="_blank">http://galerie.virtuailes.iquebec.com/</a>">Galerie</a></li>
    

  63.           <li><a href="<a href="http://virtuailes.iquebec.com/connexion.php" target="_blank">http://virtuailes.iquebec.com/connexion.php</a>">Connexion</a></li>
    

  64.         </ul>
    

  65.     </li>
    

  66.     <li> <a href="#">Contenu</a>
    

  67.         <ul>
    

  68.           <li><a href="<a href="http://virtuailes.iquebec.com/script/engine.php" target="_blank">http://virtuailes.iquebec.com/script/engine.php</a>">Recherche Interne</a></li>
    

  69.           <li><a href="<a href="http://virtuailes.iquebec.com/google.php" target="_blank">http://virtuailes.iquebec.com/google.php</a>">Recherche Google</a></li>
    

  70.           <li><a href="<a href="http://virtuailes.iquebec.com/dossiers.php" target="_blank">http://virtuailes.iquebec.com/dossiers.php</a>">Dossiers</a></li>
    

  71.           <li><a href="<a href="http://virtuailes.iquebec.com/creations.php" target="_blank">http://virtuailes.iquebec.com/creations.php</a>">Créations</a></li>
    

  72.           <li><a href="<a href="http://virtuailes.iquebec.com/fichiers.php" target="_blank">http://virtuailes.iquebec.com/fichiers.php</a>">Téléchargements</a></li>
    

  73.           <li><a href="<a href="http://galerie.virtuailes.iquebec.com/" target="_blank">http://galerie.virtuailes.iquebec.com/</a>">Galerie</a></li>
    

  74.           <li><a href="<a href="http://virtuailes.iquebec.com/privacypolicy.php" target="_blank">http://virtuailes.iquebec.com/privacypolicy.php</a>">Copyright</a></li>
    

  75.         </ul>
    

  76.     </li>
    

  77.     <li> <a href="#">Communauté</a>
    

  78.         <ul>
    

  79.           <li><a href="<a href="http://client0.sigmachat.com/sc.pl?id%3d133784" target="_blank">http://client0.sigmachat.com/sc.pl?id%3d133784</a>">Chat</a></li>
    

  80.           <li><a href="<a href="http://139968.aceboard.fr/index.php" target="_blank">http://139968.aceboard.fr/index.php</a>">Forum</a></li>
    

  81.           <li><a href="<a href="http://virtuailes.iquebec.com/liens.php" target="_blank">http://virtuailes.iquebec.com/liens.php</a>">Liens</a></li>
    

  82.           <li><a href="<a href="http://virtuailes.iquebec.com/contact.php" target="_blank">http://virtuailes.iquebec.com/contact.php</a>">Nous Contacter</a></li>
    

  83.           <li><a href="<a href="http://vote.weborama.fr/fcgi-bin/vote.fcgi?206750" target="_blank">http://vote.weborama.fr/fcgi-bin/vote.fcgi?206750</a>">Voter au Weborama</a></li>
    

  84.         </ul>
    

  85.     </li>
    

  86.     <li> <a href="#">Forum</a>
    

  87.         <ul>
    

  88.           <li><a href="<a href="http://139968.aceboard.fr/139968-867-0-Annonces.htm" target="_blank">http://139968.aceboard.fr/139968-867-0-Annonces.htm</a>">Annonces</a></li>
    

  89.           <li><a href="<a href="http://139968.aceboard.fr/139968-1443-0-Bistrot.htm" target="_blank">http://139968.aceboard.fr/139968-1443-0-Bistrot.htm</a>">Le Bistrot</a></li>
    

  90.           <li><a href="<a href="http://139968.aceboard.fr/139968-863-0-Sondages.htm" target="_blank">http://139968.aceboard.fr/139968-863-0-Sondages.htm</a>">Sondages</a></li>
    

  91.           <li><a href="<a href="http://139968.aceboard.fr/139968-1686-0-Actualite.htm" target="_blank">http://139968.aceboard.fr/139968-1686-0-Actualite.htm</a>">Actualité</a></li>
    

  92.           <li><a href="<a href="http://139968.aceboard.fr/139968-1662-0-Dossiers.htm" target="_blank">http://139968.aceboard.fr/139968-1662-0-Dossiers.htm</a>">Dossiers</a></li>
    

  93.           <li><a href="<a href="http://139968.aceboard.fr/139968-1436-0-rapport-avec-aviation.htm" target="_blank">http://139968.aceboard.fr/139968-1436-0-rapport-avec-av...</a>">En rapport avec l'aviation</a></li>
    

  94.           <li><a href="<a href="http://139968.aceboard.fr/139968-866-0-Site-VirtuAiles.htm" target="_blank">http://139968.aceboard.fr/139968-866-0-Site-VirtuAiles....</a>">Le Site VirtuAiles</a></li>
    

  95.           <li><a href="<a href="http://139968.aceboard.fr/139968-1434-0-Questions-Techniques.htm" target="_blank">http://139968.aceboard.fr/139968-1434-0-Questions-Techn...</a>">Questions Techniques</a></li>
    

  96.           <li><a href="<a href="http://139968.aceboard.fr/139968-864-0-Media-Photos-Video.htm" target="_blank">http://139968.aceboard.fr/139968-864-0-Media-Photos-Vid...</a>">Média/Photos/Vidéo</a></li>
    

  97.           <li><a href="<a href="http://139968.aceboard.fr/139968-1444-0-connais-veux-vous-dire.htm" target="_blank">http://139968.aceboard.fr/139968-1444-0-connais-veux-vo...</a>">Je connais... et je veux vous dire</a></li>
    

  98.           <li><a href="<a href="http://139968.aceboard.fr/139968-1435-0-Questions-Generales.htm" target="_blank">http://139968.aceboard.fr/139968-1435-0-Questions-Gener...</a>">Questions Générales</a></li>
    

  99.           <li><a href="<a href="http://139968.aceboard.fr/139968-1283-0-Liens-proposer.htm" target="_blank">http://139968.aceboard.fr/139968-1283-0-Liens-proposer....</a>">Liens à proposer</a></li>
    

  100.           <li><a href="<a href="http://139968.aceboard.fr/139968-1457-0-Debats.htm" target="_blank">http://139968.aceboard.fr/139968-1457-0-Debats.htm</a>">Débats</a></li>
    

  101.           <li><a href="<a href="http://139968.aceboard.fr/139968-1871-0-Reserve-Inscrits.htm" target="_blank">http://139968.aceboard.fr/139968-1871-0-Reserve-Inscrit...</a>">Réservé aux Inscrits</a></li>
    

  102.         </ul>
    

  103.     </li>
    

  104.     <li> <a href="#">Dossiers</a>
    

  105.         <ul>
    

  106.           <li><a href="<a href="http://virtuailes.iquebec.com/avro_arrow_introduction.php" target="_blank">http://virtuailes.iquebec.com/avro_arrow_introduction.p...</a>">L'Avro CF-105 Arrow</a></li>
    

  107.           <li><a href="<a href="http://virtuailes.iquebec.com/f35.php" target="_blank">http://virtuailes.iquebec.com/f35.php</a>">Le F/A-35 JSF</a></li>
    

  108.           <li><a href="<a href="http://virtuailes.iquebec.com/sr71family.php" target="_blank">http://virtuailes.iquebec.com/sr71family.php</a>">La famille Blackbird</a></li>
    

  109.           <li><a href="<a href="http://virtuailes.iquebec.com/constr.php" target="_blank">http://virtuailes.iquebec.com/constr.php</a>">Le DHC-2 Beaver</a></li>
    

  110.           <li><a href="<a href="http://virtuailes.iquebec.com/constr.php" target="_blank">http://virtuailes.iquebec.com/constr.php</a>">Le BA CSeries</a></li>
    

  111.           <li><a href="<a href="http://virtuailes.iquebec.com/constr.php" target="_blank">http://virtuailes.iquebec.com/constr.php</a>">Le Convair B-58 Hustler</a></li>
    

  112.         </ul>
    

  113.     </li>
    

  114.     <li> <a href="#">Téléchargements</a>
    

  115.         <ul>
    

  116.           <li><a href="<a href="http://virtuailes.iquebec.com/telechargements_videos.php" target="_blank">http://virtuailes.iquebec.com/telechargements_videos.ph...</a>">Vidéos</a></li>
    

  117.           <li><a href="<a href="http://virtuailes.iquebec.com/telechargements_diaporammas.php" target="_blank">http://virtuailes.iquebec.com/telechargements_diaporamm...</a>">Diaporamas</a></li>
    

  118.           <li><a href="<a href="http://virtuailes.iquebec.com/telechargements_photos.php" target="_blank">http://virtuailes.iquebec.com/telechargements_photos.ph...</a>">Photos</a></li>
    

  119.           <li><a href="<a href="http://virtuailes.iquebec.com/telechargements_documents.php" target="_blank">http://virtuailes.iquebec.com/telechargements_documents...</a>">Documents</a></li>
    

  120.           <li><a href="<a href="http://virtuailes.iquebec.com/telechargements_autres.php" target="_blank">http://virtuailes.iquebec.com/telechargements_autres.ph...</a>">Autres</a></li>
    

  121.         </ul>
    

  122.     </li>
    

  123.   </ul>
    

  124.   <script type="text/javascript">
    

  125. // <![CDATA[
    

  126. function loopElements(el,level){
    

  127. 	for(var i=0;i<el.childNodes.length;i++){
    

  128. 		//We only want LI nodes:
    

  129. 		if(el.childNodes[i] && el.childNodes[i]["tagName"] && el.childNodes[i].tagName.toLowerCase() == "li"){
    

  130. 			//Ok we have the LI node - let's give it a className
    

  131. 			el.childNodes[i].className = "myMenu"+level
    

  132. 			//Let's look for the A and if it has child elements (another UL tag)
    

  133. 			childs = el.childNodes[i].childNodes
    

  134. 			for(var j=0;j<childs.length;j++){
    

  135. 				temp = childs[j]
    

  136. 				if(temp && temp["tagName"]){
    

  137. 					if(temp.tagName.toLowerCase() == "a"){
    

  138. 						//We found the A tag - set class
    

  139. 						temp.className = "myMenu"+level
    

  140. 						//Adding click event
    

  141. 						temp.onclick=showHide;
    

  142. 					}else if(temp.tagName.toLowerCase() == "ul"){
    

  143. 						//Hide sublevels
    

  144. 						temp.style.display = "none"
    

  145. 						//Set class
    

  146. 						temp.className= "myMenu"+level
    

  147. 						//Recursive - calling it self with the new found element
    

  148. 						//to go all the way through the three.
    

  149. 						loopElements(temp,level +1) 
    

  150. 					}
    

  151. 				}
    

  152. 			}	
    

  153. 		}
    

  154. 	}
    

  155. }
    

  156.  
  157. var menu = document.getElementById("myMenu") //Get menu div
    

  158. menu.className="myMenu"+0 //Set class to the top level
    

  159. loopElements(menu,0) //Call the function
    

  160.  
  161. function showHide(){
    

  162. 	//We have a A tag - need to go to the LI tag to check for UL tags:
    

  163. 	el = this.parentNode
    

  164. 	//Loop for UL tags:
    

  165. 	for(var i=0;i<el.childNodes.length;i++){
    

  166. 		temp = el.childNodes[i]
    

  167. 		if(temp && temp["tagName"] && temp.tagName.toLowerCase() == "ul"){
    

  168. 			//Check status:
    

  169. 			if(temp.style.display=="none"){
    

  170. 				temp.style.display = ""
    

  171. 			}else{
    

  172. 				temp.style.display = "none"	
    

  173. 			}
    

  174. 		}
    

  175. 	}
    

  176. 	return false
    

  177. }
    

  178. // ]]>
    

  179. </script>
    

  180. </div>


Si quelqu'un peu m'aider...

Autres pages sur : aide probleme liens menu javascript

Lassé par la pub ? Créez un compte
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde