kroete1980
Grünschnabel
Hallo
ich habe auf meiner Seite folgenden Code
um ein Menü mit Drop Downs zu gestalten.
Mein Problem ist, dass sich die Menüs schließen, sobald ich eine Seite aufrufe. Ich möchte aber, dass Bsp. Menü A geöffnet bleibt, wenn ich den Link Aa der darunter im Drop Down Menü erscheint anklicke. Nur sobald ich in das Menü B gehe, sollen sich die Links unter A zuklappen.
Ah, das Menü selbst liegt in einer Tabelle
usw.
Ich hab schon rumprobiert komm aber nicht weiter.
Vielleicht kann mir jemand helfen.
VG, Jen
ich habe auf meiner Seite folgenden Code
Code:
<script language="Javascript" type="text/javascript">
function MM_findObj(n, d) { //v4.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);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
</script>
</head>
<body>
<script language="Javascript">
var all = new Array();
all[0] = 'mp'+1;
all[1] = 'mp'+2;
all[2] = 'mp'+3;
all[3] = 'mp'+4;
all[4] = 'mp'+5;
function hideAll(){
for (x=0;x<all.length;x++){
toggle(all[x],'none');
}
}
function toggle(obj_name,zust){
var i;
var obj = MM_findObj(obj_name);
if (obj.style.display=='' || zust=='none')
{
obj.style.display='none';
}
else {
obj.style.display='block';
}
}
function active(obj_name) {
var obj = MM_findObj(obj_name);
obj.style.backgroundColor="#53001B";
}
function inactive(obj_name) {
var obj = MM_findObj(obj_name);
obj.style.backgroundColor="";
}
</script>
um ein Menü mit Drop Downs zu gestalten.
Mein Problem ist, dass sich die Menüs schließen, sobald ich eine Seite aufrufe. Ich möchte aber, dass Bsp. Menü A geöffnet bleibt, wenn ich den Link Aa der darunter im Drop Down Menü erscheint anklicke. Nur sobald ich in das Menü B gehe, sollen sich die Links unter A zuklappen.
Ah, das Menü selbst liegt in einer Tabelle
Code:
<table>
<tr>
<td id="z_1">
<a href="index.php" onmouseover="active('z_1'); window.status='Index';return true;" onmouseout="inactive('z_1'); window.status='';return true;">
Willkommen</a></td>
</tr>
<tr>
<td id="z_2">
<a href="Javascript:hideAll();toggle('mp1','');" onmouseover="active('z_2'); window.status='Über uns';return true;" onmouseout="inactive('z_2'); window.status='';return true;">
Über uns</a></td>
</tr>
<tr>
<td style="border-style: solid; border-width: 0px" width="138">
<div id="mp1" style="display:none;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="z_2_0" style="padding-left:20px;">
<a onmouseover="active('z_2_0');" onmouseout="inactive('z_2_0');" href="wir.php">
Wir</a> </td>
</tr>
</table>
</div>
</td>
</tr>
</table>
usw.
Ich hab schon rumprobiert komm aber nicht weiter.
Vielleicht kann mir jemand helfen.
VG, Jen