nicht angemeldet
Weiß nicht mehr weiter...
Kann mir jemand sagen wie ich die Layer positioniere?
Es geht um eine Ausklappmenue, aber die zu ausklappenden Untermenues liegen hinter dem Hauptmenue ...
Weiß jemand weiter? Bitte!
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="init();MM_preloadImages('organisation02.gif')">
<style>
.menu{position:absolute;z-index:1;padding:5;border-width:1;border-style:ridge;background-color:#EEEEEE;color:black;}
</style>
<script language="JavaScript">
var mpos=new Array();
var mdir=new Array();
var maxmenus=5; // Hier die Anzahl der Hauptlinks
var delay=1; // Hier Submenue Geschwindigkeit
function do_menu(menu)
{
for(i=0; i<maxmenus; i++)
{
if(menu!=i && mpos[i]>5) // Hier die Position des Submenue kann auch - sein
{
mdir[i]=-4;
if(mpos[i]>=50)
move_menu(i);
}
}
mdir[menu]=-mdir[menu];
if(mpos[menu]<=0 || mpos[menu]>=30)
move_menu(menu);
}
function move_menu(menu)
{
mpos[menu]+=mdir[menu];
if(document.layers)
document.layers["menu"+menu].left=mpos[menu];
else
document.all["menu"+menu].style.left=mpos[menu];
if(mpos[menu]>0 && mpos[menu]<100) setTimeout("move_menu("+menu+")", delay);
}
function init()
{
for(i=0; i<maxmenus; i++)
{
mpos[i]=0;
mdir[i]=-4;
}
}
</script>
<div class="menu" style="top:200;left:0;z-index:2;width:100;background:#FF9900" align="left">
<table border="0" width="107">
<tr>
<td align="center" width="50%"><a href="javascript:do_menu(0)"></a><a href="javascript:do_menu(0)" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','organisation02.gif',1)"><img name="Image7" border="0" src="organisation01.gif" width="103" height="30"></a></td>
<td align="right" width="50%"> </td>
</tr>
<tr>
<td align="center" width="50%"><a href="javascript:do_menu(1)"></a><a href="javascript:do_menu(1)" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','finanzen02.gif',1)"><img name="Image8" border="0" src="finanzen01.gif" width="103" height="30"></a></td>
<td align="right" width="50%"> </td>
</tr>
<tr>
<td align="center" width="50%"><a href="javascript:do_menu(2)"></a><a href="javascript:do_menu(2)" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','projekte02.gif',1)"><img name="Image9" border="0" src="projekte01.gif" width="103" height="30"></a></td>
<td align="right" width="50%"> </td>
</tr>
<tr>
<td align="center" width="50%"><a href="javascript:do_menu(3)"></a><a href="javascript:do_menu(3)" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','news02.gif',1)"><img name="Image10" border="0" src="news01.gif" width="103" height="30"></a></td>
<td align="right" width="50%"> </td>
</tr>
</table>
<table width="100%">
<tr>
<td align="center" width="100%" bgcolor="#FF9900"> </td>
</tr>
</table>
</div>
<div id="menu0" class="menu" style="top:200; left:0;width:100;background:#FF9900" align="center">
<small><font face="Verdana">
<a href="javascript:do_menu(4)">Mitgliederliste</a><br>
<a href="#">Aufnahmeantrag</a><br>
<a href="#">Protokolle</a></font></small> </div>
<div id="menu1" class="menu" style="top:220; left:0;width:100;background:#FF9900" align="center">
<small><font face="Verdana">
<a href="#">Kopfbogen</a><br>
<a href="#">Monatsstatistik</a><br>
<a href="#">Honorarordnung</a></font></small>
</div>
<div id="menu2" class="menu" style="top:240; left:0;width:100;background:#FF9900" align="center">
<small><font face="Verdana">
<a href="#">Übersicht seit 1991</a><br>
<a href="#">DEFA</a><br>
<a href="#">MoKiKi</a></font></small>
</div>
<div id="menu3" class="menu" style="top:260; left:0;width:100;background:#FF9900" align="center">
<small><font face="Verdana">
<a href="#">Neuer Mitgliedsbereich</a><br>
<a href="#">Demnächst ...</a><br>
<a href="#">Was euch bewegt</a></font></small></div>
<div id="menu4" class="menu" style="top:200; left:0;width:100;background:#FF9900" align="center">
<small><font face="Verdana">
<a href="#">Mitglieder</a><br>
<a href="#">Freunde</a><br>
<a href="#">Partner</a></font></small>
</div>