popdownmenü mit eingabeanzeige auf oberstem button

L

laikabase

Grünschnabel
hallo,
'habe meine popdown-menü schon fasst zum ende gebracht - aber eben nur fasst. ich habe euch das ganze nochmal extra unter einen neuen link http://www.laikabase.de/testversion.htm gepackt, ohne den störenden rest der homepage.
die einzige kleinigkeit die noch nicht klappt das ich per klick auf den obersten layer "still" mein menü in den ursprungszustand zurücksetzen kann (wenn ich zuvor einen anderen begriff angewählt habe z.b. motion/siehe beispiel auf der seite). wenn jemand von euch eine idee hat, immer her damit.
hier nochmal den kompakten quelltext:
Code: 
<HTML>
<HEAD>
<TITLE>VERSION1.1</TITLE>
<LINK >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript>
<!--
function MenueAuf(){
document.getElementById("unter1").style.visibility = "visible";
}
function MenueZu(){
document.getElementById("unter1").style.visibility = "hidden";
}
function sichtbar(){
document.getElementById("haupt1").style.visibility = "visible";
}
function unsichtbar(){
document.getElementById("haupt1").style.visibility = "hidden";
}
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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
//-->
</SCRIPT>
<STYLE type=text/css>
A {
FONT-SIZE: 10px;
COLOR: #444444;
FONT-FAMILY: verdana;
TEXT-DECORATION: none;
height: 15px;
}
A.white:hover {
COLOR: #d5d5d5}
#haupt1 {
POSITION: absolute;
TOP: 19px;
LEFT: 459px;
z-index: 4;
width: 120;
height: 20px;
overflow: visible;
visibility: hidden;
}
#unter1 {
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: 460px;
BACKGROUND-COLOR: #ffffff;
z-index: 1;
visibility: hidden;
}
#still {
POSITION: absolute;
TOP: 19px;
LEFT: 459px;
z-index: 3;
width: 120;
height: 20;
overflow: visible;
visibility: visible;
}
body {
background-color: #E3E3E3;
}
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</HEAD>
<DIV id=still onmouseover="javascript:sichtbar(); javascript:MenueAuf()"><IMG src="still.gif" name="STILL" width="121" height="20" border="0"></DIV>
<DIV id=haupt1 onmouseover="javascript:MenueAuf(); javascript:sichtbar()"; onmouseout="javascript:MenueZu(); javascript:unsichtbar()">
<A target="mainname" class=white href="still.gif"><IMG src="layer_still.gif" name="LAYER_STILL" width="121" height="20" border="0" id="LAYER_STILL"></A></DIV>
<DIV id=unter1 onmouseover="javascript:MenueAuf(); javascript:sichtbar()"; onmouseout="javascript:MenueZu(); javascript:unsichtbar()" >
<A target="mainname" class=white href="motion.gif" onClick="MM_swapImage('STILL','','motion.gif',0)">&nbsp;MOTION</A><BR>
<A target="mainname" class=white href="web.gif" onClick="MM_swapImage('STILL','','web.gif',0)">&nbsp;WEB</A><BR>
<A target="mainname" class=white href="shared.gif" onClick="MM_swapImage('STILL','','shared.gif',0)">&nbsp;SHARED&nbsp;ARTIST</A><BR>
<A target="mainname" class=white href="aid.gif" onClick="MM_swapImage('STILL','','aid.gif',0)">&nbsp;AID&nbsp;OF&nbsp;TRAID</A><BR>
<A target="mainname" class=white href="about.gif" onClick="MM_swapImage('STILL','','about.gif',0)">&nbsp;ABOUT</A></DIV>
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><iframe src="still.gif" name="mainname" width=200 height=200 scrolling=no frameborder=0></iframe></td>
</tr>
</table>
 
Hi,

füge in den Link in Deinem ersten Layer mal ein onClick-Ereignis ein und weise diesem
zu, dass das Still-Image anzeigen werden soll.
Code: 
<A onClick="MM_swapImage('STILL','','http://www.laikabase.de/spacer/layer_still.gif',0)" target="mainname" class=white href="still.gif">

Ciao
Quaese
 
onclick event für layer1

hallo,

das hatte ich gestern auch schon probiert, leider das nicht. ich bin mir zwar nicht sicher woran das liegt, aber ich denke das er das bild unter dem layer1 zwar austauscht, aber auch nur solange wie dieser aktiv ist. d.h. verlasse ich den layer wird wahrscheinlich auch die bildtauschanweisung zurüchgesetzt.
 
klappt doch / danke

hallo Quaese,

du hattest doch recht - meine schuld. ich hatte den befehl dem falschen layer zugeordnet.
für alle die irgenwann mal eine lösung benötigen, hier nun der richtige quelltext:
Code: 
<HTML>
<HEAD>
<TITLE>VERSION1.1</TITLE>
<LINK >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript>
<!--
function MenueAuf(){
document.getElementById("unter1").style.visibility = "visible";
}
function MenueZu(){
document.getElementById("unter1").style.visibility = "hidden";
}
function sichtbar(){
document.getElementById("haupt1").style.visibility = "visible";
}
function unsichtbar(){
document.getElementById("haupt1").style.visibility = "hidden";
}
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];}
}

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;
}
//-->
</SCRIPT>
<STYLE type=text/css>
A {
	FONT-SIZE: 10px;
	COLOR: #444444;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
	height: 15px;
}
A.white:hover {
COLOR: #d5d5d5}
#haupt1 {
	POSITION: absolute;
	TOP: 19px;
	LEFT: 459px;
	z-index: 4;
	width: 120;
	height: 20px;
	overflow: visible;
	visibility: hidden;
}
#unter1 {
	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: 460px;
	BACKGROUND-COLOR: #ffffff;
	z-index: 1;
	visibility: hidden;
}
#still {
	POSITION: absolute;
	TOP: 19px;
	LEFT: 459px;
	z-index: 3;
	width: 120;
	height: 20;
	overflow: visible;
	visibility: visible;
}
body {
	background-color: #E3E3E3;
}
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</HEAD>
<DIV id=still onClick="history.back()"; onmouseover="javascript:sichtbar(); javascript:MenueAuf()"><IMG src="still.gif" name="STILL" width="121" height="20" border="0"></DIV>
<DIV id=haupt1 onmouseover="javascript:MenueAuf(); javascript:sichtbar()"; onmouseout="javascript:MenueZu(); javascript:unsichtbar()">
<A target="mainname" class=white href="still.gif" onClick="MM_swapImage('STILL','','still.gif',0)"><IMG src="layer_still.gif" name="LAYER_STILL" width="121" height="20" border="0" id="LAYER_STILL"></A></DIV>
<DIV id=unter1 onmouseover="javascript:MenueAuf(); javascript:sichtbar()"; onmouseout="javascript:MenueZu(); javascript:unsichtbar()" >
<A target="mainname" class=white href="motion.gif" onClick="MM_swapImage('STILL','','motion.gif',0)">&nbsp;MOTION</A><BR>
<A target="mainname" class=white href="web.gif" onClick="MM_swapImage('STILL','','web.gif',0)">&nbsp;WEB</A><BR>
<A target="mainname" class=white href="shared.gif" onClick="MM_swapImage('STILL','','shared.gif',0)">&nbsp;SHARED&nbsp;ARTIST</A><BR>
<A target="mainname" class=white href="aid.gif" onClick="MM_swapImage('STILL','','aid.gif',0)">&nbsp;AID&nbsp;OF&nbsp;TRAID</A><BR>
<A target="mainname" class=white href="about.gif" onClick="MM_swapImage('STILL','','about.gif',0)">&nbsp;ABOUT</A></DIV>
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><iframe src="still.gif" name="mainname" width=200 height=200 scrolling=no frameborder=0></iframe></td>
</tr>
</table>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück