Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2578 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Colonne menu déroulant

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Colonne menu déroulant

n°1996728
goelane
Posté le 28-05-2010 à 11:48:25  profilanswer
 

Bonjour,
 
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 suis débutante
 
 
 
 
 
Voici mon code java script :
 
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="http://www.google.fr" 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>&nbsp;&nbsp;"+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>')
 
 
 
 
Voici le site ou j'ai trouver le code original.
 
http://www.editeurjavascript.com/s [...] _1_111.php

mood
Publicité
Posté le 28-05-2010 à 11:48:25  profilanswer
 

n°1996741
gatsu35
Blablaté par Harko
Posté le 28-05-2010 à 13:00:38  profilanswer
 

surtout mais surtout jette cet exemple à la poubelle et va sur css.alsacreations.com trouver de vrais menu propres
et ne va plus jamais sur editeurjavascript.com, c'est un site rempli de merde.


Message édité par gatsu35 le 28-05-2010 à 13:01:01

---------------
Blablaté par Harko
n°1997938
tityus
Posté le 01-06-2010 à 13:37:11  profilanswer
 

Quelle horreur xD vraiment moche ce code...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Colonne menu déroulant

 

Sujets relatifs
menu déroulant en AS / syntaxe listenerStringGrid formater une colonne
Requete COUNT par menu deroulant.Après l'ajout d'une colonne dans ma Table
[Résolu] Questions Menu déroulant /opacité/IE7Macro Excel : "scan" de colonne et données sur plusieurs fichiers
menu déroulant largeurs variables sans JS 
Plus de sujets relatifs à : Colonne menu déroulant


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR