nicht angemeldet
popdown-menü mit einstellungsanzeige
hallo,
ich bräuchte mal dringend euren fachmännischen rat. normalerweise poste ich nicht gleich bei jedem problem sofort ins forum, sondern versuche es erst selbst hinzubekommen, aber ich komme ich einfach nicht mehr weiter.
ich habe gestern mit einem gängigen JS ein popdown menü geschrieben www.laikabase.de ich spreche vom linken menü "STILL", klappt soweit auch super. nun wollte ich aber das an der obersten stelle meines popdown-menüs der ausgewählte bereich angezeigt wird den ich zuvor ausgewählt habe. dafür habe ich einfach eine "tausche bild aus on click" funktion eigebaut. das heisst in meinem fall: ich klicke/wähle z.b. den bereich "MOTION" aus, und wo vorher "STILL" stand erscheint jetzt an oberster stelle meines menüs "MOTION" - soweit sogut.
das problem ist jetzt aber, dass zwar das bild "MOTION" erscheint, aber noch die funktion von "STILL" vorhanden ist. (ist ja auch verständlich da nur die bilder ausgetauscht wurden).
die einfachste lösung wäre jetzt, immer wenn ich mit der maus über das popdown-menü fahre, erscheint wieder das bild "STILL" an oberster stelle, wenn ich den mauszeiger aus dem menübereich heraus bewege, wird wieder das zuvor eingestellte bild angezeigt.
kann mir hierbei vielleicht jemand behilflich sein, wie ich das hinbekomme, bin leider kein JS-script ass. vielleicht gibt es ja ne einfach lösung und ich komme nicht drauf.
hier mein bisheriges script, bitte schaut einfach nochmal auf die site dann wird euch das problem sicher schneller bewusst. danke schonmal im vorraus.
<HTML>
<HEAD>
<TITLE>VERSION1.1</TITLE>
<LINK >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript>
<!--
function MenueAuf(Men){
document.getElementById("unter1").style.visibility = "visible";
}
function MenueZu(Men){
document.getElementById("unter1").style.visibility = "hidden";
}
function MenueAuf1(Men){
document.getElementById("unter2").style.visibility = "visible";
}
function MenueZu1(Men){
document.getElementById("unter2").style.visibility = "hidden";
}
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_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_findObj(n, d) { //v4.01
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 && d.getElementById) x=d.getElementById(n); 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>
<STYLE type=text/css>
A {
FONT-SIZE: 10px;
COLOR: #444444;
FONT-FAMILY: verdana;
TEXT-DECORATION: none;
white-space: normal;
height: 15px;
}
A.white:hover {
COLOR: #d5d5d5}
#haupt1 {
POSITION: absolute;
TOP: 19px;
LEFT: 409px;
z-index: 3;
visibility: visible;
width: 120;
height: 20;
overflow: visible;
}
#haupt2 {
POSITION: absolute;
TOP: 19px;
LEFT: 590px;
z-index: 5;
visibility: visible;
}
#unter1 {
BORDER-RIGHT: #999999 1px solid;
BORDER-TOP: #999999 1px solid;
VISIBILITY: hidden;
BORDER-LEFT: #999999 1px solid;
WIDTH: 98px;
BORDER-BOTTOM: #999999 1px solid;
POSITION: absolute;
TOP: 38px;
LEFT: 410px;
BACKGROUND-COLOR: #ffffff;
z-index: 4;
}
#unter2 {
BORDER-RIGHT: #999999 1px solid;
BORDER-TOP: #999999 1px solid;
BORDER-LEFT: #999999 1px solid;
WIDTH: 98px;
BORDER-BOTTOM: #999999 1px solid;
POSITION: absolute;
TOP: 38px;
LEFT: 590px;
BACKGROUND-COLOR: #ffffff;
z-index: 6;
visibility: hidden;
}
body {
background-image: url(spacer/pattern11.jpg);
}
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</HEAD>
<DIV id=haupt1 onmouseover=javascript:MenueAuf() onmouseout=javascript:MenueZu()>
<A href="left/output_stillmain.php"><IMG src="spacer/still.gif" name="STILL" border="0" id="STILL"></A></DIV>
<DIV id=unter1 onmouseover=javascript:MenueAuf() onmouseout=javascript:MenueZu()>
<A href="left/output_motionmain.php" target="mainname" class=white onClick="MM_swapImage('STILL','','/spacer/motion.gif',0)"> MOTION</A><BR>
<A href="left/output_webmain.php" target="mainname" class=white onClick="MM_swapImage('STILL','','/spacer/web.gif',0)"> WEB</A><BR>
<A href="left/output_sharedmain.php" target="mainname" class=white onClick="MM_swapImage('STILL','','/spacer/shared.gif',0)"> SHARED ARTIST</A><BR>
<A href="left/aiddata/aidmain.htm" target="mainname" class=white onClick="MM_swapImage('STILL','','/spacer/aid.gif',0)"> AID OF TRAID</A><BR>
<A href="left/aboutdata/aboutmain.htm" target="mainname" class=white onClick="MM_swapImage('STILL','','/spacer/about.gif',0)"> ABOUT</A></DIV></DIV>
<DIV id=haupt2 onmouseover=javascript:MenueAuf1() onmouseout=javascript:MenueZu1()>
<A href="right/news.php"><IMG src="spacer/news.gif" name="NEWS" border="0" id="NEWS"></A></DIV>
<DIV id=unter2 onmouseover=javascript:MenueAuf1() onmouseout=javascript:MenueZu1()>
<A href="right/news.php" target="rightname" class=white> NEWS</A><BR>
<A href="right/search.php" target="rightname" class=white> SEARCH</A><BR>
<A href="right/archiv.php" target="rightname" class=white> ARCHIV</A><BR>
<A href="right/linkdata/link.htm" target="rightname" class=white> LINKS</A><BR>
<A href="mailto:sven@laikabase.de" target="rightname" class=white> CONTAC</A><BR></DIV>