Tom's Guide > Forum > Programmation > Aide: problème de liens dans menu javascript

Aide: problème de liens dans menu javascript

Forum Programmation : Aide: problème de liens dans menu javascript

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
virtuailes   28-02-2006 à 04:19:34

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:

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é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éations</a></li>
  72.           <li><a href="http://virtuailes.iquebec.com/fichiers.php">Télé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é</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é</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édia/Photos/Vidé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énérales</a></li>
  99.           <li><a href="http://139968.aceboard.fr/139968-1283-0-Liens-proposer.htm">Liens à proposer</a></li>
  100.           <li><a href="http://139968.aceboard.fr/139968-1457-0-Debats.htm">Débats</a></li>
  101.           <li><a href="http://139968.aceboard.fr/139968-1871-0-Reserve-Inscrits.htm">Réservé 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éléchargements</a>
  115.         <ul>
  116.           <li><a href="http://virtuailes.iquebec.com/telechargements_videos.php">Vidé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>



Si quelqu'un peu m'aider...

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
dan901@IDN   28-02-2006 à 08:26:42
- 0 +

Moi je ne m y connais pas en html mais bien en dreamweaver
Si tu m envoies ton fichier par mail je pourrais l'examiner

Répondre à dan901@IDN
virtuailes   01-03-2006 à 18:20:13
- 0 +

C'est fait... si quelqu'un d'autre peut essayer.
Note: les autres liens fonctionnent, c'est seulement dans le menu que ca bogue.

Répondre à virtuailes
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Aide: problème de liens dans menu javascript
Aller à :

Il y a 1026 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,523 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens