nicht angemeldet
Hallo,
ich habe zum folgenden Source ein paar Fragen.
Ich habe vor bei Mausover ein Menü aufzuklappen, welches links erhalten soll. Da der Layer eine vorhandene Grafik ( für NoScript und Browser<4 ) überdecken soll hatte ich vor die Layer relativ zueinander zu positionieren. Im IE o.k. aber was macht der Communicator (der gleiche Code soll in beiden Browsern laufen) ? Da ich mir die Übergangszonen nicht erklären konnte habe ich mal die Layer eingefärbt.
Wie bekomme ich die Rander beim NC weg und positioniere den Layer genau über der anderen Grafik ? Oder gibt es eine Möglichkeit die Layer doch relativ zu positionieren und so, daß dies auch im IE klappt ?
Mit bestem Dank im voraus
Hartmut Schöpke
---------------------
<HTML>
<head>
<title>DHTML Test</title>
<script language="JavaScript">
<!--
function MM_showHideLayers() { //v2.0
var i, visStr, args, theObj;
args = MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
visStr = args[i+2];
if (navigator.appName == 'Netscape' && document.layers != null) {
theObj = eval(args[i]);
if (theObj) theObj.visibility = visStr;
} else if (document.all != null) { //IE
if (visStr == 'show') visStr = 'visible'; //convert vals
if (visStr == 'hide') visStr = 'hidden';
theObj = eval(args[i+1]);
if (theObj) theObj.style.visibility = visStr;
} }
}
//-->
</script>
</head>
<body bgcolor=#00CCCC>
<img src="2.gif" width="150" height="20" border="0">
<div id="AbtM" style="position:absolute; left:20px; top:20px; width:150px; height:20px;; visibility: visible; background-color: #6666FF; layer-background-color: #6666FF; border: 1px none #000000" onMouseOver="MM_showHideLayers('document.layers['Menu']','document.all['Menu']','show')" onMouseOut="MM_showHideLayers('document.layers['Menu']','document.all['Menu']','hide')"><a href="#" onMouseOver="MM_showHideLayers('document.layers['Menu']','document.all['Menu']','show')" onMouseOut="MM_showHideLayers('document.layers['Menu']','document.all['Menu']','hide')"><img src="1.gif" width="150" height="20" border="0"></a></div>
<div id="Menu" style="position:absolute; left:20px; top:40px; width:150px; height:120px;; visibility: hidden; background-color: #FF3333; layer-background-color: #FF3333; border: 1px none #000000" onMouseOver="MM_showHideLayers('document.layers['Menu']','document.all['Menu']','show')" onMouseOut="MM_showHideLayers('document.layers['Menu']','document.all['Menu']','hide')"><a href="#" onMouseOver="MM_showHideLayers('document.layers['Menu']','document.all['Menu']','show')" onMouseOut="MM_showHideLayers('document.layers['Menu']','document.all['Menu']','hide')"><img src="menu.gif" width="150" height="120" usemap="#Abteilungen" border="0"></a></div>
<map name="Abteilungen">
<area shape="rect" coords="7,84,144,116" href="abt3.htm" alt="Abteilung 3">
<area shape="rect" coords="5,45,147,76" href="abt2.htm" alt="Abteilung 2">
<area shape="rect" coords="3,5,147,38" href="abt1.htm" alt="Abteilung 1">
</map>
</body>
</HTML>