|
|
|
 |
| > encore menu dynamique |
[ Posté par VERONIQUE ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 13-09-2001 à 13:56 | 86 messages ]
Bonjour,
J'ai crée un menu dynamique horizontale avec des menus et des sous-menus qui s'ouvrent quand on passe la souris sur les menus.
Seulement les sous-menus se décalent quand je les ouvre et je voudrais qu'ils s'ouvrent juste en dessous du menu correspondant.
J'ai deux fichiers :
le premier qui s'appelle : menu.html dont voici le code :
<SCRIPT LANGUAGE=JavaScript>
if(document.getElementById)
document.write('<DIV class=popper id=topdeck></DIV>');
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn.js"></SCRIPT>
Et le deuxième fichier qui s'appelle : ejs_menu_dyn.js dont voici le code :
posYmenu = 1;
bgcolor='#993300';
bgcolor2='#6699CC';
needcenter =true;
if(!needcenter)
posXmenu = 0;
else
{ if (document.all)
posXmenu = (document.body.clientWidth/2)-(800/2);
else
posXmenu = (window.innerWidth/2)-(800/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:#CCCCCC; text-decoration:none;}')
document.write('A.ejsmenu {color:#CCCCCC; text-decoration:none;}')
document.write('</style>')
document.write('<DIV class=popper id=topdeck></DIV>');
/*
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[7] = new Array;
zlien[8] = new Array;
zlien[9] = new Array;
zlien[10] = new Array;
zlien[1][0] = '<A HREF="" CLASS=ejsmenu>Les sites classés par Académie et par discipline</A>';
zlien[1][1] = '<A HREF="" CLASS=ejsmenu>Le site gouvernemental de l\'enseignement professionnel</A>';
zlien[1][2] = '<A HREF="" CLASS=ejsmenu>Les sites académiques</A>';
zlien[1][3] = '<A HREF="" CLASS=ejsmenu>Les sites professionnels</A>';
zlien[1][4] = '<A HREF="" CLASS=ejsmenu>Les PPCP</A>';
zlien[1][5] = '<A HREF="" CLASS=ejsmenu>SPINOO : le service de recherche du CNDP</A>';
zlien[3][0] = '<A HREF="" CLASS=ejsmenu>Orientation</A>';
zlien[3][1] = '<A HREF="" CLASS=ejsmenu>Job été</A>';
zlien[3][2] = '<A HREF="" CLASS=ejsmenu>Poursuites d\'études</A>';
zlien[4][0] = '<A HREF="" CLASS=ejsmenu>Envoyer du courrier dans la cité scolaire</A>';
zlien[4][1] = '<A HREF="" CLASS=ejsmenu>Envoyer du courrier vers l\'extérieur</A>';
zlien[4][2] = '<A HREF="" CLASS=ejsmenu>Aide à la configuration des comptes électroniques</A>';
zlien[8][0] = '<A HREF="" CLASS=ejsmenu>Les épreuves et les modalités d\'obtention du diplôme</A>';
zlien[8][1] = '<A HREF="" CLASS=ejsmenu>Quelques sujets d\'examen du DNB</A>';
zlien[8][2] = '<A HREF="" CLASS=ejsmenu>Des sujets d\'examen avec corrigé par mail</A>';
zlien[8][3] = '<A HREF="" CLASS=ejsmenu>Sites sujets d\'examen</A>';
zlien[8][4] = '<A HREF="" CLASS=ejsmenu>Compléments de cours</A>';
zlien[8][5] = '<A HREF="" CLASS=ejsmenu>+ de compléments de cours</A>';
zlien[9][0] = '<A HREF="" CLASS=ejsmenu>TICE dans l\'académie de Nantes</A>';
zlien[9][1] = '<A HREF="" CLASS=ejsmenu>Les derniers infos TICE</A>';
zlien[9][2] = '<A HREF="" CLASS=ejsmenu>Le B21 : Brevet Informatique et Internet</A>';
zlien[9][3] = '<A HREF="" CLASS=ejsmenu>Les ressources logicielles du lycée</A>';
zlien[9][4] = '<A HREF="" CLASS=ejsmenu>Le plan prévisionnel d\'équipement du "futur" réseau pédagogique</A>';
zlien[9][5] = '<A HREF="" CLASS=ejsmenu>Synoptique des droits d\'accès des utilisateurs sur le réseau</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=\"Verdana\"> "+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">Accueil</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">Pédagogie</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">Les pages perso</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">L\'orientation</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">Le courrier</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">Le web</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">Ressources</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[7],700)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],700)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Actualité</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[8],800)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[8],800)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Préparer le DNB</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[9],900)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[9],900)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">TICE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[10],1000)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[10],1000)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Plan du site</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
J'ai travaillé ces deux fichiers dans le bloc-notes.
Voilà. J'espère que quelqu'un pourra m'aider. Cela fait le troisième message que je laisse sur ce forum. Personne ne me répond. J'ai pourtant besoin d'être dépanné.
VERONIQUE.
________________
Véronique.
|
[ Posté par laetitiad ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 20-09-2001 à 16:00 | 24 messages ]
bonjour je pense que cest dans cette partie qu'il faut modifier les valeurs :
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">Accueil</FONT></a></TD>')
width = 100 est la longeur de la 1 ere cellule le total doit etre = a 800 le point de depart du sous menu zlien(0), 0 ensuite il suffit de calculer et d'ajuster les valeurs correspondantes pour qu elles tombent justes
j espere que cela va t aider
| [ Posté par VERONIQUE ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 20-09-2001 à 17:09 | 86 messages ]
Bonjour,
Merci de ton aide. Tes explications ont résolu mon problème.
A bientôt.
________________
Véronique.
| [ Posté par ram2000 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 23-09-2001 à 19:48 | 2564 messages ]
Problème réglé on ferme le topic  !
________________
Trucs et astuces Express
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
