Probleme mit hide/show von Ebenen mit Netscape

[Flo]

Hi!

Ich baue eine Navigationsstruktur für eine Homepage. Das ganze sollte so aussehen wie auf http://www.tuvglobal.com, aber nicht mir Rollover-Images sondern mit Ebenen. Wenn der User mit dem Mauszeiger über eine Ebene fährt, wird sie versteckt und die genau darunterliegende sichtbar gemacht.

Das ganze funktioniert mit dem IE gut, auch wenn der meldet "style ist kein objekt". Mit NS klappt das Wechseln der Ebenen nur bei der ersten, die anderen reagieren nicht.

Danke,
Flo

[Joachim]

hi Flo,
grundsaetzlich hilft es immer, eine url oder ein Auszug vom Scrip zu senden, so kann man sich Dein Problem schwer vorstellen. Besuch doch mal Milch und Zucker: http://dhtml.seite.net/beispiele/4.html
kann sein, dass Dir dass weiterhilft.

Gruss Joachim

[Florian Potrykus]

Danke erst einmal für deine Hilfe. Ich poste jetzt hier trotzdem mal einen Auszug aus meiner Seite. Vielleicht weiss erkennt ja jemand sofort das Problem.

<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>

........

<div id="kontakt" style="position: absolute; left: 8px; top: 11px; width: 95px; height: 48px; z-index: 1"><a href="news/news.htm" target=_top><font size="1"><img src="images/buttons/newsbox.gif" width="95" height="18" border="0"></font></a><font size="1"><br>
      <br>
      </font><a href="lead.htm" target=_top><font size="1"><img src="images/buttons/contact.gif" width="93" height="18" border="0"></font></a></div>
<div id="flash" style="position: absolute; left: 105px; top: 11px; width: 600px; height: 18px; z-index: 2; line-height: 18px"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0" width="600" height="18">
        <param name="SRC" value="flash/news.swf">
        <param name="BGCOLOR" value="#B0B4D0">
        <embed src="flash/news.swf" pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-shockwave-flash" width="600" height="18" bgcolor="#B0B4D0">
        </embed>
      </object></div>
<div id="logo" style="position: absolute; left: 8px; top: 90px; width: 95px; height: 66px; z-index: 3"><a href="index.htm" target=_top></a><img src="images/animate/homeanim.gif" width="95" height="66"></div>
<div id="aboutoff" style="position: absolute; left: 105px; top: 90px; width: 84px; height: 162px; z-index: 5" onMouseOver="MM_showHideLayers('document.layers['aboutoff']','document.all['aboutoff']','hide','document.layers['abouton']','document.all['abouton']','show')"><a href="#" onMouseOver="MM_showHideLayers('document.layers['aboutoff']','document.all['aboutoff']','hide','document.layers['abouton']','document.all['abouton']','show')"><img src="images/rollovers/aboutoff.gif" width="84" height="162" border="0" usemap="#about.map"></a></div>
<div id="indoff" style="position: absolute; left: 189px; top: 90px; width: 126px; height: 302px; z-index: 7" onMouseOver="MM_showHideLayers('document.layers['indoff']','document.all['indoff']','hide','document.layers['indon']','document.all['indon']','show')"><IMG SRC="images/rollovers/iservedoff.gif" WIDTH="126" HEIGHT="302" USEMAP="#industries.map" BORDER="0" name="indusoff"></div>
<div id="servon" style="position: absolute; left: 315px; top: 90px; width: 115px; height: 246px; z-index: 10; visibility: hidden" onMouseOut="MM_showHideLayers('document.layers['servon']','document.all['servon']','hide','document.layers['servoff']','document.all['servoff']','show')"><img src="images/rollovers/sofferedon.gif" width="115" height="246"></div>
<div id="servoff" style="position: absolute; left: 315px; top: 90px; width: 115px; height: 246px; z-index: 9" onMouseOver="MM_showHideLayers('document.layers['servon']','document.all['servon']','show','document.layers['servoff']','document.all['servoff']','hide')"><img src="images/rollovers/sofferedoff.gif" width="115" height="246" usemap="#services.map" border="0" name="servoff"></div>
<div id="newson" style="position: absolute; left: 430px; top: 90px; width: 89px; height: 163px; z-index: 12; text-align: left; visibility: hidden" onMouseOut="MM_showHideLayers('document.layers['newson']','document.all['newson']','hide','document.layers['newsoff']','document.all['newsoff']','show')"><img src="images/rollovers/newson.gif" width="89" height="163"></div>
<div id="newsoff" style="position: absolute; left: 430px; top: 90px; width: 89px; height: 163px; z-index: 11; text-align: left" onMouseOver="MM_showHideLayers('document.layers['newson']','document.all['newson']','show','document.layers['newsoff']','document.all['newsoff']','hide')"><img src="images/rollovers/newsoff.gif" width="89" height="163" border="0" usemap="#news.map" name="newsoff"></div>
<div id="refon" style="position: absolute; left: 519px; top: 90px; width: 104px; height: 162px; z-index: 14; visibility: hidden" onMouseOut="MM_showHideLayers('document.layers['refon']','document.all['refon']','hide','document.layers['refoff']','document.all['refoff']','show')"><img src="images/rollovers/reftoolson.gif" width="104" height="162"></div>
<div id="refoff" style="position: absolute; left: 519px; top: 90px; width: 104px; height: 162px; z-index: 13" onMouseOver="MM_showHideLayers('document.layers['refon']','document.all['refon']','show','document.layers['refoff']','document.all['refoff']','hide')"><img src="images/rollovers/reftoolsoff.gif" width="104" height="162" usemap="#reference.map" border="0" name="refoff"></div>
<div id="abouton" style="position: absolute; left: 105px; top: 90px; width: 84px; height: 162px; z-index: 4; visibility: hidden" onMouseOut="MM_showHideLayers('document.layers['aboutoff']','document.all['aboutoff']','show','document.layers['abouton']','document.all['abouton']','hide')"><a href="#" onMouseOut="MM_showHideLayers('document.layers['aboutoff']','document.all['aboutoff']','show','document.layers['abouton']','document.all['abouton']','hide')"><img src="images/rollovers/abouton.gif" width="84" height="162" border="0" usemap="#about"></a>
</div>
<map name="about">
  <area shape="rect" coords="0,95,83,115" href="www.netscape.com">
  <area shape="rect" coords="0,65,83,95" href="http://www.microsoft.com">
</map>
<div id="indon" style="position: absolute; left: 189px; top: 90px; width: 126px; height: 302px; z-index: 8; visibility: hidden" onMouseOut="MM_showHideLayers('document.layers['indoff']','document.all['indoff']','show','document.layers['indon']','document.all['indon']','hide')"><a href="#" onMouseOut="MM_showHideLayers('document.layers['indoff']','document.all['indoff']','show','document.layers['indon']','document.all['indon']','hide')"><img src="images/rollovers/iservedon.gif" width="126" height="302" border="0"></a></div>

[Andreas G]

Hi!

Ich baue eine Navigationsstruktur für eine Homepage. Das ganze sollte so aussehen wie auf http://www.tuvglobal.com, aber nicht mir Rollover-Images sondern mit Ebenen. Wenn der User mit dem Mauszeiger über eine Ebene fährt, wird sie versteckt und die genau darunterliegende sichtbar gemacht.

Das ganze funktioniert mit dem IE gut, auch wenn der meldet "style ist kein objekt". Mit NS klappt das Wechseln der Ebenen nur bei der ersten, die anderen reagieren nicht.

Danke,
Flo

Hallo Flo,
du kannst dir ja mal meinen source code auf meiner homepage ansehen. zugegeben, ist mit dreamweaver erstellt und sieht nach chaos aus, funktioniert aber mit ie und netscape.
http://www.ag-design.de/projekte/start.htm
A.G