Colonne menu dynamique

Bonjour,

Je viens de créer un menu en java script, un menu dynamique horizontale ou normalement chaque sous menu s'affiche sous la colonne choisi, sauf que tous mes menus s'affichent sur la colonne de gauche.

Que faire ?

ps : je n'y connais pas grand chose en java script.

Cdt

8 réponses

  1. Salut!
    Donne nous ton code, on le corrigera :-)
    0
    1. bgcolor='#E0A232';
      bgcolor2='#A9A7AA';
      document.write('<style type="text/css">');
      document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:4; }')
      document.write('#topgauche { position:absolute; z-index:10; }')
      document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
      document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
      document.write('</style>')
      document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
      /*
      SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
      http://www.editeurjavascript.com
      */

      /*
      LIENS
      */
      zlien = new Array;
      zlien[0] = new Array;
      zlien[1] = new Array;
      zlien[2] = new Array;
      zlien[3] = new Array;
      zlien[4] = new Array;
      zlien[0][0] = '<A HREF="https://www.google.fr/?gws_rd=ssl" CLASS=ejsmenu>accueil</A>';
      zlien[0][1] = '<A HREF="economiques.html" CLASS=ejsmenu>Economiques</A>';
      zlien[0][2] = '<A HREF="malins.html" CLASS=ejsmenu>Malins</A>';
      zlien[0][3] = '<A HREF="professionnels.html" CLASS=ejsmenu>Professionnels</A>';
      zlien[0][4] = '<A HREF="gamers.html" CLASS=ejsmenu>Gamers</A>';
      zlien[1][0] = '<A HREF="" CLASS=ejsmenu>kuku</A>';
      zlien[1][1] = '<A HREF="ecrans.html" CLASS=ejsmenu>Ecrans</A>';
      zlien[1][2] = '<A HREF="souris.html" CLASS=ejsmenu>Souris</A>';
      zlien[1][3] = '<A HREF="claviers.html" CLASS=ejsmenu>Claviers</A>';
      zlien[1][4] = '<A HREF="imprimantes.html" CLASS=ejsmenu>Imprimantes</A>';
      zlien[1][5] = '<A HREF="tablettes.html" CLASS=ejsmenu>Tablettes graphique</A>';
      zlien[1][6] = '<A HREF="enceintes.html" CLASS=ejsmenu>Enceintes Stéréo</A>';
      zlien[1][7] = '<A HREF="disqued.html" CLASS=ejsmenu>Disque Dur</A>';
      zlien[1][8] = '<A HREF="micro.html" CLASS=ejsmenu>Micro</A>';
      zlien[1][9] = '<A HREF="webcam.html" CLASS=ejsmenu>Webcam</A>';
      zlien[2][0] = '<A HREF="" CLASS=ejsmenu>kiki</A>';
      zlien[3][0] = '<A HREF="" CLASS=ejsmenu>koko</A>';
      zlien[4][0] = '<A HREF="http://www.fnac.fr" CLASS=ejsmenu>accueil</A>';
      zlien[4][1] = '<A HREF="contact.html" CLASS=ejsmenu>Contactez-nous</A>';
      zlien[4][2] = '<A HREF="sav.html" CLASS=ejsmenu>SAV</A>';
      zlien[4][3] = '<A HREF="http://www.fnac.fr" CLASS=ejsmenu>Pourquoi Datic Informatique ?</A>';
      zlien[4][4] = '<A HREF="mentionslegales.html" CLASS=ejsmenu>Mentions Légales</A>';
      var nava = (document.layers);
      var dom = (document.getElementById);
      var iex = (document.all);
      if (nava) { skn = document.topdeck }
      else if (dom) { skn = document.getElementById("topdeck").style }
      else if (iex) { skn = topdeck.style }
      skn.top = 24;

      function pop(msg,pos)
      {
      skn.visibility = "hidden";
      a=true
      skn.left = pos;
      var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#ffffff WIDTH=150><TR><TD><TABLE WIDTH=400% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
      pass = 0
      while (pass < msg.length)
      {
      content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Arial\"><B>  "+msg[pass]+"</B></FONT></TD></TR>";
      pass++;
      }
      content += "</TABLE></TD></TR></TABLE>";
      if (nava)
      {
      skn.document.write(content);
      skn.document.close();
      skn.visibility = "visible";
      }
      else if (dom)
      {
      document.getElementById("topdeck").innerHTML = content;
      skn.visibility = "visible";
      }
      else if (iex)
      {
      document.all("topdeck").innerHTML = content;
      skn.visibility = "visible";
      }
      }
      function kill()
      {
      skn.visibility = "hidden";
      }
      document.onclick = kill;
      document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#ffffff WIDTH=1000><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')

      document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><B>Ordinateurs</B></FONT></a></TD>')

      document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><B>Périphériques</B></FONT></a></TD>')

      document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><B>Occasions</B></FONT></a></TD>')

      document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><B>Commander</B></FONT></a></TD>')

      document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><B>A propose de nous</B></FONT></a></TD>')

      document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

      Merci de m'aider
      0
      1. Tu génère tout ton code via JavaScript??
        0
    2. j'ai ma ligne de de lien javascript sur ma page html et je modifie le reste sur ma page java script
      0
      1. oui mais tu fais ca:

        document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

        Dans ton JavaScript!
        C'est pas top je trouve :S

        Pourquoi tu ne mets pas tout le code Html dans un fichier que tu incluerais par la suite dans tes pages.
        0
    3. Justement ce n'est pas moi qui est créé le code je me suis juste contenté de modifier l'apparence.
      Donc je ne vois pas comment faire
      0
      1. http://www.editeurjavascript.com/scripts/scripts_navigation_1_111.php

        c'est ici que j'ai pris le code
        0
        1. Ouais les générateurs de script ca fais pas souvent des trucs très propre...
          M'enfin, du coup faut que j'arrive à comprendre leur truc!
          0
      2. merci
        0
        1. C''est bizarre que ca se mette pas en dessous du menu en effet, car avec le code que tu m'as donné ca devrait marcher...
          0
      3. j'ai demander à plusieurs personnes de mon entourage et personne à trouvé pourquoi ça ne marchait pas
        0
        1. Essaye de modifier ces valeur pour voir si ca fais bouger les menu:
          
          document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><B>Ordinateurs</B></FONT></a></TD>') 
          
          document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><B>Périphériques</B></FONT></a></TD>') 
          
          document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><B>Occasions</B></FONT></a></TD>') 
          
          document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><B>Commander</B></FONT></a></TD>') 
          
          document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],800)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],800)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><B>A propose de nous</B></FONT></a></TD>') 
          
          
          
          0
      4. Mon menu se met à la vertical à gauche et il y a des colonnes invisibles
        0