|
|
|
 |
| > script menu toujours visible |
[ Posté par janulrich001 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 13-02-2004 à 15:00 | 5 messages ]
Salut tout le monde
j'ai un petiti problème j'ai script pour un menu déroulant. Tout fonctionne très bien mais j'aimerais bien faire que ce menu soit toujours visible mais je n'y arrive pas. En fait j'aimerais qu'il descende en même temps que la page descend. Voilà le script de mon menu. Si vous avez comment faire aidz moi s.v.p
posYmenu = 120;
bgcolor='#20a0e0';
bgcolor2='#20a0c0';
posXmenu = 30;
document.write('<style type="text/css">');
document.write('.poppervert { 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=poppervert id=topdeckvert></DIV>');
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[0][0] = '<A HREF="00.htm" CLASS=ejsmenu>Fabricants</A>';
zlien[0][1] = '<A HREF="01.htm" CLASS=ejsmenu>Modèles et Propriétés</A>';
zlien[0][2] = '<A HREF="02.htm" CLASS=ejsmenu>Divers</A>';
zlien[1][0] = '<A HREF="10.htm" CLASS=ejsmenu>Fabricants</A>';
zlien[1][1] = '<A HREF="11.htm" CLASS=ejsmenu>Modèles et Propriétés</A>';
zlien[1][2] = '<A HREF="12.htm" CLASS=ejsmenu>Connectique</A>';
zlien[1][3] = '<A HREF="13.htm" CLASS=ejsmenu>Chipset</A>';
zlien[1][4] = '<A HREF="14.htm" CLASS=ejsmenu>Bios</A>';
zlien[2][0] = '<A HREF="20.htm" CLASS=ejsmenu>Type et Propriétés</A>';
zlien[2][1] = '<A HREF="21.htm" CLASS=ejsmenu>Connecteurs</A>';
zlien[3][0] = '<A HREF="30.htm" CLASS=ejsmenu>Fabricants</A>';
zlien[3][1] = '<A HREF="31.htm" CLASS=ejsmenu>Type et Propriétés</A>';
zlien[3][2] = '<A HREF="32.htm" CLASS=ejsmenu>Composants</A>';
zlien[3][3] = '<A HREF="33.htm" CLASS=ejsmenu>Interface</A>';
zlien[4][0] = '<A HREF="40.htm" CLASS=ejsmenu>Fabricants</A>';
zlien[4][1] = '<A HREF="41.htm" CLASS=ejsmenu>Modèles et Propriétés</A>';
zlien[5][0] = '<A HREF="50.htm" CLASS=ejsmenu>Comparaison CRT/LCD</A>';
zlien[5][1] = '<A HREF="51.htm" CLASS=ejsmenu>Taille et Prix</A>';
zlien[6][0] = '<A HREF="60.htm" CLASS=ejsmenu>Fonctionnement</A>';
zlien[6][1] = '<A HREF="61.htm" CLASS=ejsmenu>Propriétés</A>';
zlien[7][0] = '<A HREF="70.htm" CLASS=ejsmenu>Comparaison Modèles</A>';
zlien[7][1] = '<A HREF="71.htm" CLASS=ejsmenu>Bande Magnétique</A>';
zlien[8][0] = '<A HREF="80.htm" CLASS=ejsmenu>Comparaison Laser/Encre</A>';
zlien[8][1] = '<A HREF="81.htm" CLASS=ejsmenu>Fonctionnement</A>';
zlien[8][2] = '<A HREF="82.htm" CLASS=ejsmenu>Papier</A>';
zlien[9][0] = '<A HREF="90.htm" CLASS=ejsmenu>Carte Audio</A>';
zlien[9][1] = '<A HREF="91.htm" CLASS=ejsmenu>Haut-Parleur</A>';
zlien[9][2] = '<A HREF="92.htm" CLASS=ejsmenu>Modem et Internet</A>';
zlien[9][3] = '<A HREF="93.htm" CLASS=ejsmenu>Scanner</A>';
zlien[9][4] = '<A HREF="94.htm" CLASS=ejsmenu>Souris et Clavier</A>';
zlien[9][5] = '<A HREF="95.htm" CLASS=ejsmenu>Carte Réseau</A>';
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { sknvert = document.topdeckvert }
else if (dom) { sknvert = document.getElementById("topdeckvert").style }
else if (iex) { sknvert = topdeckvert.style }
sknvert.left = posXmenu+99;
function pop(msg,pos)
{
sknvert.visibility = "hidden";
sknvert.top = posYmenu+pos;
a=true
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=\"Arial\"><I> "+msg[pass]+"</I></FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
if (nava)
{
sknvert.document.write(content);
sknvert.document.close();
sknvert.visibility = "visible";
}
else if (dom)
{
document.getElementById("topdeckvert").innerHTML = content;
sknvert.visibility = "visible";
}
else if (iex)
{
document.all("topdeckvert").innerHTML = content;
sknvert.visibility = "visible";
}
}
function kill()
{
sknvert.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=100><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[0],1)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><I>Processeur</I></FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],28)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[1],28)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><I>Carte Mère</I></FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],56)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[2],56)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><I>Mémoire</I></FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],84)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[3],84)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><I>Disque Dur</I></FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],112)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[4],112)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><I>Carte Graphique</I></FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],140)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[5],140)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><I>Ecran</I></FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],168)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[6],168)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><I>CD et DVD</I></FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[7],196)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[7],196)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><I>Stockage, Sauvegarde</I></FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[8],225)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[8],225)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><I>Imprimante</I></FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[9],253)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[9],253)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial"><I>Autres</I></FONT></a></TD></TR>')
document.write('</TABLE></TD></TR></TABLE></DIV>')
|
[ Posté par janulrich001 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 15-02-2004 à 20:02 | 5 messages ]
ah oui et entre les balises body c'est écrit
<SCRIPT LANGUAGE=JavaScript>
if(document.getElementById)
document.write('<DIV class=poppervert id=topdeckvert></DIV>');
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="menu.js">
</SCRIPT>
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
