Menu javascript 800 et 1024 - Forum Javascript / DOM / Ajax

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Menu javascript 800 et 1024

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Menu javascript 800 et 1024 (Lu 1694 fois)

Menu javascript 800 et 1024
« sur: le 07-02-2003 a 23:55:09 »

FireLink
Floodeur Deluxe
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1713

Running away from normality

Bon... j'ai un petit prob de javascript
Voici les deux codes pour un menu... la place où s'affiche le menu est dans ejs_menu_vert.js en haut mais comment faire pour que ça change selon la résolution 1024 et 800?

Page HTML
Code:
<SCRIPT LANGUAGE=JavaScript>
if(document.getElementById)
   document.write('<DIV class=poppervert id=topdeckvert></DIV>');
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn_vert.js"></SCRIPT>

ejs_menu_dyn_vert.js:
Code:
posYmenu = 315;
bgcolor='#52AE58';
bgcolor2='#3D8946';
posXmenu = 781;
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:red; text-decoration:none;}')
document.write('A.ejsmenu {color:red; text-decoration:none;}')
document.write('</style>')
document.write('<DIV class=poppervert id=topdeckvert></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[0][0] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[0][1] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[0][2] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[1][0] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[1][1] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[1][2] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[2][0] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[2][1] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[2][2] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[3][0] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[3][1] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</A>';
zlien[3][2] = '<A HREF="Lien" CLASS=ejsmenu>Sous-menu</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-149;

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=\"Verdana\">  "+msg[pass]+"</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=30>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],1)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[0],1)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Menu1</FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],26)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[1],26)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Menu2</FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],51)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[2],51)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Menu3</FONT></a></TD></TR>')
document.write('<TR><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],76)" onMouseOut="this.style.background=\''+bgcolor+'\'" HEIGHT=25><A onClick="return(false)" onMouseOver="pop(zlien[3],76)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Menu4</FONT></a></TD></TR>')
document.write('</TABLE></TD></TR></TABLE></DIV>')