nicht angemeldet
Hallo!
Ich habe folgendes Problem:
Ich habe ein Drop Down Menü programmiert, das mit Hilfe von Javascript mehrere iframes verschwinden und erscheinen lässt. Zum aufrufen dieses Javascripts nutze ich einen einfach Gif-Button. Wie kann man es schaffen, dass sich die Gif-Buttons flexibel so anordnen, das sie, wenn ein Untermenü geöffnet ist, sich unter den iframe des Untermenüs setzen?
Hier mal der Sourcecode:
<!doctype html public "-//w3c//dtd html 4.01 //en">
<html>
<head>
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="generator" content="BAT HTML Editor 3.0">
<SCRIPT LANGUAGE="JavaScript">
if (top.frameset_geladen + "" != "okay"){
if(document.images)
top.location.replace(Dateien);
else
top.location.href = Dateien ;
}
</script>
<SCRIPT LANGUAGE="JavaScript">
var visibleVar="null";
function init(){
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
visibleVar="show";
}else{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
visibleVar="visible";
}
}
function showHideLayerSwitch(layerName){
if (eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility == visibleVar')){
hideLayer(layerName);
}else{
showLayer(layerName);
}
}
function showLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
function hideLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
</SCRIPT>
<STYLE TYPE="text/css">
#pulldownMenu {visibility: hidden}
#pulldownMenu2 {visibility: hidden}
</STYLE>
</head>
<center>
<body background="menu.gif" onload="init()">
<!--pulldown menu button-->
<div id="pulldownButton" >
<a href="javascript:showHideLayerSwitch('pulldownMenu');">
<IMG SRC="zimmer1.gif" BORDER=0></a>
</div>
<!--pulldown menu-->
<div id="pulldownMenu">
<iframe src=menuzimmer.html frameborder=0 height=210 width=155 marginheight=0 marginwidth=0 scrolling=no>
</iframe>
</div>
<!--pulldown menu button-->
<div id="pulldownButton2" >
<a href="javascript:showHideLayerSwitch('pulldownMenu2');">
<IMG SRC="Sicherheit1.gif" BORDER=0></a>
</div>
<!--pulldown menu-->
<div id="pulldownMenu2">
<iframe src=menusicherheit.html frameborder=0 height=120 width=155 marginheight=0 marginwidth=0 scrolling=no>
</iframe>
</div>
</body>
</html>
Mit freundliche Grüßen
Philip