Colonne menu dynamique

goelane -
goelane - 28 mai 2010 à 10:50

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

Afficher la suite

A voir également:

Colonne menu dynamique
Déplacer colonne excel - Guide
Trier colonne excel - Guide
Menu déroulant excel - Guide
Tableau croisé dynamique - Guide
Colonne word - Guide

8 réponses

Réponse 1 / 8

xav3601 Messages postés 3390 Statut Membre 311

Salut!
Donne nous ton code, on le corrigera :-)

Réponse 2 / 8

goelane

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

xav3601 Messages postés 3390 Statut Membre 311

Tu génère tout ton code via JavaScript??

Réponse 3 / 8

goelane

j'ai ma ligne de de lien javascript sur ma page html et je modifie le reste sur ma page java script

xav3601 Messages postés 3390 Statut Membre 311

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.

Réponse 4 / 8

goelane

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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 8

goelane

http://www.editeurjavascript.com/scripts/scripts_navigation_1_111.php

c'est ici que j'ai pris le code

xav3601 Messages postés 3390 Statut Membre 311

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!

Réponse 6 / 8

goelane

merci

xav3601 Messages postés 3390 Statut Membre 311

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...

Réponse 7 / 8

goelane

j'ai demander à plusieurs personnes de mon entourage et personne à trouvé pourquoi ça ne marchait pas

xav3601 Messages postés 3390 Statut Membre 311

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>')

Réponse 8 / 8

goelane

Mon menu se met à la vertical à gauche et il y a des colonnes invisibles

Discussions similaires

Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport

menu caché

Colonne menu dynamique

8 réponses

Votre réponse

Discussions similaires

Newsletters