|
[ Forums >> JavaScript >> Problèmes avec un script de l'éditeur JavaScript ? >> positionnement Menu Dynamique Javascript dans une page HTML ]
| > positionnement Menu Dynamique Javascript dans une page HTML |
[ Posté par Mamatt ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 04-02-2004 à 22:24 | 4 messages ]
Bonsoir,
J ai un petit souci avec mon menu dynamique :
en fait, j aimerais le mettre en haut, au milieu de ma page principale, et qu il apparaisse tout le temps que le visiteur est sur le site.
Seulement, le menu se met la ou il veut, et moi, ca ne m'arrange pas du tout 
si qqun de charitable (et surtout informé dur le sujet  ) pouvait me répondre...
merci bcp
++
|
[ Posté par Mamatt ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 04-02-2004 à 22:27 | 4 messages ]
Pour info, voili le script :
posYmenu = 10;
bgcolor='#CA1909';
bgcolor2='#FFFFFF';
needcenter =true;
if(!needcenter)
posXmenu = 0;
else
{ if (document.all)
posXmenu = (document.body.clientWidth/2)-(700/2);
else
posXmenu = (window.innerWidth/2)-(700/2);
}
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
document.write('A:hover.ejsmenu {color:#000000; text-decoration:none;}')
document.write('A.ejsmenu {color:#000000; text-decoration:none;}')
document.write('</style>')
document.write('<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[5] = new Array;
zlien[6] = new Array;
zlien[0][0] = '<A HREF="" CLASS=ejsmenu>News</A>';
zlien[0][1] = '<A HREF="" CLASS=ejsmenu>Comité</A>';
zlien[0][2] = '<A HREF="" CLASS=ejsmenu>Joueurs</A>';
zlien[0][3] = '<A HREF="" CLASS=ejsmenu>Calendrier</A>';
zlien[0][4] = '<A HREF="" CLASS=ejsmenu>Horaires</A>';
zlien[0][5] = '<A HREF="" CLASS=ejsmenu>Articles</A>';
zlien[0][6] = '<A HREF="" CLASS=ejsmenu>Joueur du Mois</A>';
zlien[0][7] = '<A HREF="" CLASS=ejsmenu>Plan d\'Accès</A>';
zlien[1][0] = '<A HREF="" CLASS=ejsmenu>Equipe 1</A>';
zlien[1][1] = '<A HREF="" CLASS=ejsmenu>Equipe 2</A>';
zlien[1][2] = '<A HREF="" CLASS=ejsmenu>Equipe 3</A>';
zlien[1][3] = '<A HREF="" CLASS=ejsmenu>Equipe 4</A>';
zlien[1][4] = '<A HREF="" CLASS=ejsmenu>Equipe 5</A>';
zlien[1][5] = '<A HREF="" CLASS=ejsmenu>Equipe 6</A>';
zlien[1][6] = '<A HREF="" CLASS=ejsmenu>Equipe 7</A>';
zlien[1][7] = '<A HREF="" CLASS=ejsmenu>Equipe Dames</A>';
zlien[1][8] = '<A HREF="" CLASS=ejsmenu>Equipes Jeunes</A>';
zlien[2][0] = '<A HREF="" CLASS=ejsmenu>Critérieum Fédéral</A>';
zlien[2][1] = '<A HREF="" CLASS=ejsmenu>Finales Dép, Rég, Nat</A>';
zlien[2][2] = '<A HREF="" CLASS=ejsmenu>Challenge Bernard Jeu</A>';
zlien[2][3] = '<A HREF="" CLASS=ejsmenu>Interclubs</A>';
zlien[2][4] = '<A HREF="" CLASS=ejsmenu>Tournois</A>';
zlien[3][0] = '<A HREF="" CLASS=ejsmenu>2004</A>';
zlien[3][1] = '<A HREF="" CLASS=ejsmenu>2003</A>';
zlien[3][2] = '<A HREF="" CLASS=ejsmenu>2002</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 = posYmenu+24;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% 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=\"Tahoma\"> "+msg[pass]+"</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=#000000 WIDTH=800><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="Verdana">Le Club</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="Verdana">Championnat</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="Verdana">Autres Compétitions</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="Verdana">Tournoi National</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="Verdana">Sponsors</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Téléchargement</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Liens</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
merci
| [ Posté par GhislainLavoie ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 05-02-2004 à 01:44 | 3179 messages ]
Salut Mamatt,
Il suffit de mettre le tout dans une de tes cellule de tableau ou tu veux le mettre.
<td align="center"><div style="position:relative;">
*** ici tu met le script ***
</div>
</td>
Tu changes ceci dans le script :
posYmenu = 0;
needcenter =false;
Je pense bien que ça fonctionneras comme celà.
A+, Ghislain
[ Ce Message a été édité par: GhislainLavoie le 2004-02-05 01:45 ]
________________
La clarté est synonyme de bon service...
Soyez explicites avec vos demandes!!!
| [ Posté par Mamatt ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 05-02-2004 à 10:23 | 4 messages ]
Merci pour ces infos ghislain
seulement, maintenant, mon menu ne s affiche plus du tout :/
j ai essayé d intégrer les scripts que tu m as donnés...mais rien n'y fait
Je te redonne le script de ma page html et celui du menu, au caus ou ,'ai fait une connerie...
a+
| [ Posté par Mamatt ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 05-02-2004 à 10:25 | 4 messages ]
le script du menu, dans un fichier nommé ejs_menu_dyn.js
posYmenu = 0;
bgcolor='#CA1909';
bgcolor2='#FFFFFF';
needcenter =false;
if(!needcenter)
posXmenu = 0;
else
{ if (document.all)
posXmenu = (document.body.clientWidth/2)-(700/2);
else
posXmenu = (window.innerWidth/2)-(700/2);
}
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
document.write('A:hover.ejsmenu {color:#000000; text-decoration:none;}')
document.write('A.ejsmenu {color:#000000; text-decoration:none;}')
document.write('</style>')
document.write('<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[5] = new Array;
zlien[6] = new Array;
zlien[0][0] = '<A HREF="" CLASS=ejsmenu>News</A>';
zlien[0][1] = '<A HREF="" CLASS=ejsmenu>Comité</A>';
zlien[0][2] = '<A HREF="" CLASS=ejsmenu>Joueurs</A>';
zlien[0][3] = '<A HREF="" CLASS=ejsmenu>Calendrier</A>';
zlien[0][4] = '<A HREF="" CLASS=ejsmenu>Horaires</A>';
zlien[0][5] = '<A HREF="" CLASS=ejsmenu>Articles</A>';
zlien[0][6] = '<A HREF="" CLASS=ejsmenu>Joueur du Mois</A>';
zlien[0][7] = '<A HREF="" CLASS=ejsmenu>Plan d'Accès</A>';
zlien[1][0] = '<A HREF="" CLASS=ejsmenu>Equipe 1</A>';
zlien[1][1] = '<A HREF="" CLASS=ejsmenu>Equipe 2</A>';
zlien[1][2] = '<A HREF="" CLASS=ejsmenu>Equipe 3</A>';
zlien[1][3] = '<A HREF="" CLASS=ejsmenu>Equipe 4</A>';
zlien[1][4] = '<A HREF="" CLASS=ejsmenu>Equipe 5</A>';
zlien[1][5] = '<A HREF="" CLASS=ejsmenu>Equipe 6</A>';
zlien[1][6] = '<A HREF="" CLASS=ejsmenu>Equipe 7</A>';
zlien[1][7] = '<A HREF="" CLASS=ejsmenu>Equipe Dames</A>';
zlien[1][8] = '<A HREF="" CLASS=ejsmenu>Equipes Jeunes</A>';
zlien[2][0] = '<A HREF="" CLASS=ejsmenu>Critérieum Fédéral</A>';
zlien[2][1] = '<A HREF="" CLASS=ejsmenu>Finales Dép, Rég, Nat</A>';
zlien[2][2] = '<A HREF="" CLASS=ejsmenu>Challenge Bernard Jeu</A>';
zlien[2][3] = '<A HREF="" CLASS=ejsmenu>Interclubs</A>';
zlien[2][4] = '<A HREF="" CLASS=ejsmenu>Tournois</A>';
zlien[3][0] = '<A HREF="" CLASS=ejsmenu>2004</A>';
zlien[3][1] = '<A HREF="" CLASS=ejsmenu>2003</A>';
zlien[3][2] = '<A HREF="" CLASS=ejsmenu>2002</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 = posYmenu+24;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% 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=\"Tahoma\"> "+msg[pass]+"</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=#000000 WIDTH=800><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="Verdana">Le Club</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="Verdana">Championnat</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="Verdana">Autres Compétitions</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="Verdana">Tournoi National</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="Verdana">Sponsors</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=''+bgcolor2+'';pop(zlien[5],500)" onMouseOut="this.style.background=''+bgcolor+''"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Téléchargement</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=''+bgcolor2+'';pop(zlien[6],600)" onMouseOut="this.style.background=''+bgcolor+''"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Liens</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
Et la page html...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="80%" border="1" align="center">
<tr>
<td align="center"><div style="position:relative;">
<SCRIPT LANGUAGE=JavaScript>
if(document.getElementById)
document.write('<DIV class=popper id=topdeck></DIV>');
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn.js"></SCRIPT>
</div>
</td>
</tr>
<tr>
<td><table width="109%" border="1">
<tr>
<td width="22%">dernieres MAJ</td>
<td width="56%"><p>Texte principal</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td width="22%">résultats<br>
<table width="120%" border="1">
<tr>
<td>Eq1</td>
</tr>
<tr>
<td>Eq2</td>
</tr>
<tr>
<td>Eq3</td>
</tr>
<tr>
<td>Eq4</td>
</tr>
<tr>
<td>Eq5</td>
</tr>
<tr>
<td>Eq6</td>
</tr>
<tr>
<td>EqF</td>
</tr>
</table> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
merci d avance !!!!
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
