[Résolu][Html/Javascript] Liens dans menu déroulant dynamique

Liens dans menu déroulant dynamique [Résolu][Html/Javascript] - Divers - Programmation

Marsh Posté le 01-03-2006 à 00:33:35    

Bonjour à tous,
 
Je travaille sur mon site web et j'ai fait un menu déroulant. Par contre, j'ai un problème: les liens ne fonctionnent pas!
Voici l'adresse de la page: http://comanche.iquebec.com/conten [...] sV1.7.html
Et voici le code du menu:
 

Code :
  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{
  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="http://virtuailes.iquebec.com">Accueil</a></li>
  60.           <li><a href="http://virtuailes.iquebec.com/avianews.php">News A&eacute;ronautiques</a></li>
  61.           <li><a href="http://virtuailes.iquebec.com/index2.php">News du site</a></li>
  62.           <li><a href="http://galerie.virtuailes.iquebec.com/">Galerie</a></li>
  63.           <li><a href="http://virtuailes.iquebec.com/connexion.php">Connexion</a></li>
  64.         </ul>
  65.     </li>
  66.     <li> <a href="#">Contenu</a>
  67.         <ul>
  68.           <li><a href="http://virtuailes.iquebec.com/script/engine.php">Recherche Interne</a></li>
  69.           <li><a href="http://virtuailes.iquebec.com/google.php">Recherche Google</a></li>
  70.           <li><a href="http://virtuailes.iquebec.com/dossiers.php">Dossiers</a></li>
  71.           <li><a href="http://virtuailes.iquebec.com/creations.php">Cr&eacute;ations</a></li>
  72.           <li><a href="http://virtuailes.iquebec.com/fichiers.php">T&eacute;l&eacute;chargements</a></li>
  73.           <li><a href="http://galerie.virtuailes.iquebec.com/">Galerie</a></li>
  74.           <li><a href="http://virtuailes.iquebec.com/privacypolicy.php">Copyright</a></li>
  75.         </ul>
  76.     </li>
  77.     <li> <a href="#">Communaut&eacute;</a>
  78.         <ul>
  79.           <li><a href="http://client0.sigmachat.com/sc.pl?id%3d133784">Chat</a></li>
  80.           <li><a href="http://139968.aceboard.fr/index.php">Forum</a></li>
  81.           <li><a href="http://virtuailes.iquebec.com/liens.php">Liens</a></li>
  82.           <li><a href="http://virtuailes.iquebec.com/contact.php">Nous Contacter</a></li>
  83.           <li><a href="http://vote.weborama.fr/fcgi-bin/vote.fcgi?206750">Voter au Weborama</a></li>
  84.         </ul>
  85.     </li>
  86.     <li> <a href="#">Forum</a>
  87.         <ul>
  88.           <li><a href="http://139968.aceboard.fr/139968-867-0-Annonces.htm">Annonces</a></li>
  89.           <li><a href="http://139968.aceboard.fr/139968-1443-0-Bistrot.htm">Le Bistrot</a></li>
  90.           <li><a href="http://139968.aceboard.fr/139968-863-0-Sondages.htm">Sondages</a></li>
  91.           <li><a href="http://139968.aceboard.fr/139968-1686-0-Actualite.htm">Actualit&eacute;</a></li>
  92.           <li><a href="http://139968.aceboard.fr/139968-1662-0-Dossiers.htm">Dossiers</a></li>
  93.           <li><a href="http://139968.aceboard.fr/139968-1436-0-rapport-avec-aviation.htm">En rapport avec l'aviation</a></li>
  94.           <li><a href="http://139968.aceboard.fr/139968-866-0-Site-VirtuAiles.htm">Le Site VirtuAiles</a></li>
  95.           <li><a href="http://139968.aceboard.fr/139968-1434-0-Questions-Techniques.htm">Questions Techniques</a></li>
  96.           <li><a href="http://139968.aceboard.fr/139968-864-0-Media-Photos-Video.htm">M&eacute;dia/Photos/Vid&eacute;o</a></li>
  97.           <li><a href="http://139968.aceboard.fr/139968-1444-0-connais-veux-vous-dire.htm">Je connais... et je veux vous dire</a></li>
  98.           <li><a href="http://139968.aceboard.fr/139968-1435-0-Questions-Generales.htm">Questions G&eacute;n&eacute;rales</a></li>
  99.           <li><a href="http://139968.aceboard.fr/139968-1283-0-Liens-proposer.htm">Liens &agrave; proposer</a></li>
  100.           <li><a href="http://139968.aceboard.fr/139968-1457-0-Debats.htm">D&eacute;bats</a></li>
  101.           <li><a href="http://139968.aceboard.fr/139968-1871-0-Reserve-Inscrits.htm">R&eacute;serv&eacute; aux Inscrits</a></li>
  102.         </ul>
  103.     </li>
  104.     <li> <a href="#">Dossiers</a>
  105.         <ul>
  106.           <li><a href="http://virtuailes.iquebec.com/avro_arrow_introduction.php">L'Avro CF-105 Arrow</a></li>
  107.           <li><a href="http://virtuailes.iquebec.com/f35.php">Le F/A-35 JSF</a></li>
  108.           <li><a href="http://virtuailes.iquebec.com/sr71family.php">La famille Blackbird</a></li>
  109.           <li><a href="http://virtuailes.iquebec.com/constr.php">Le DHC-2 Beaver</a></li>
  110.           <li><a href="http://virtuailes.iquebec.com/constr.php">Le BA CSeries</a></li>
  111.           <li><a href="http://virtuailes.iquebec.com/constr.php">Le Convair B-58 Hustler</a></li>
  112.         </ul>
  113.     </li>
  114.     <li> <a href="#">T&eacute;l&eacute;chargements</a>
  115.         <ul>
  116.           <li><a href="http://virtuailes.iquebec.com/telechargements_videos.php">Vid&eacute;os</a></li>
  117.           <li><a href="http://virtuailes.iquebec.com/telechargements_diaporammas.php">Diaporamas</a></li>
  118.           <li><a href="http://virtuailes.iquebec.com/telechargements_photos.php">Photos</a></li>
  119.           <li><a href="http://virtuailes.iquebec.com/telechargements_documents.php">Documents</a></li>
  120.           <li><a href="http://virtuailes.iquebec.com/telechargements_autres.php">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. }
  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
  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>


 
Merci de votre aide!
 
VirtuAiles


Message édité par VirtuAiles le 08-03-2006 à 23:58:53
Reply

Marsh Posté le 01-03-2006 à 00:33:35   

Reply

Marsh Posté le 01-03-2006 à 09:22:54    

quel rapport avec JAVA? il n'y a rien en java dans ton truc

Reply

Marsh Posté le 01-03-2006 à 14:50:00    

Javasript.
Up

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed