aufklappendes Menu und NS 4.7

Baerwatz

Baerwatz

Mitglied
Hallo,

ich habe ein Problem mit einem Menu. Das Menu kann man auf- und zuklappen und über den Buttons liegt noch ein Mouseover. Zwischen den einzelnen Buttons ist ein 1px dicker Zwischenraum.
Das ganze funktioniert auch in NS 7 und in IE 5, es soll aber auch in NS 4.7 klappen.
Jetzt macht mir aber NS 4.7 riesige Abstände zwischen die einzelnen imgs und das auf- und zuklappen geht auch nicht.

Weiß jemand Rat?
Code: 
<script type="text/javascript">
<!--
function showHideMenu()
{
arrImages=new Array();
arrImages['none']='imgs/imgs_e1/menu_e1_zu.gif';
arrImages['block']='imgs/imgs_e1/menu_e1_auf.gif';
showHide=(document.getElementById('links').style.display!='none')?'none':'block';
document.e1_menu.src=arrImages[showHide];
document.getElementById('links').style.display=showHide;
}
//-->
</script>
Code: 
<table width="190" cellspacing="0" cellpadding="0" border="0">
  <tr>
   <td><img src="imgs/blank.gif" width="165" height="56" alt=""></td>
  </tr>
  <tr>
   <td>
	<div id="menu">
	<img src="imgs/imgs_e1/menu_e1_auf.gif" name="e1_menu" width="185" height="40" alt="Menu" onclick="showHideMenu();">
	 <div id="links">
		<img src="imgs/blank.gif" width="185" height="1" alt="" border="0"><br>
		<a href="e1_raum.html"><img src="imgs/imgs_e4/b_e4_raum_na.gif" width="185" height="19" alt="Raumbelegung" border="0" onMouseOver="this.src='imgs/imgs_e4/b_e4_raum_a.gif'" onMouseOut="this.src='imgs/imgs_e4/b_e4_raum_na.gif'"></a><br>
		<img src="imgs/blank.gif" width="185" height="1" alt="" border="0"><br>
		<a href="e1_ansprechp.html"><img src="imgs/imgs_e4/b_e4_ansprechp_na.gif" width="185" height="19" alt="Ansprechpartner" border="0" onMouseOver="this.src='imgs/imgs_e4/b_e4_ansprechp_a.gif'" onMouseOut="this.src='imgs/imgs_e4/b_e4_ansprechp_na.gif'"></a><br>
		<img src="imgs/blank.gif" width="185" height="1" alt="" border="0"><br>
		<a href="e1_sonder.html"><img src="imgs/imgs_e4/b_e4_sonder_na.gif" width="185" height="19" alt="Sonderaufgaben" border="0" onMouseOver="this.src='imgs/imgs_e4/b_e4_sonder_a.gif'" onMouseOut="this.src='imgs/imgs_e4/b_e4_sonder_na.gif'"></a><br>
		<img src="imgs/blank.gif" width="185" height="1" alt="" border="0"><br>
		<a href="e1_orga.html"><img src="imgs/imgs_e1/b_e1_orga_na.gif" width="185" height="19" alt="Organisation E 1" border="0" onMouseOver="this.src='imgs/imgs_e1/b_e1_orga_a.gif'" onMouseOut="this.src='imgs/imgs_e1/b_e1_orga_na.gif'"></a><br>
	 </div>
	</div>
	</td>
  </tr>
  </table>
 
Was das Aufklappen/Zuklappen angeht,... da musst du das Skript so gestalten, dass NN4 dies auch versteht.... in deinem Skript ist nichts, was er verstehen könnte:(

....in NN4 lassen sich Seitenelemente nicht per "document.getElementBy..." ansprechen

....in NN4 lassen sich nur style-Eigenschaften von <layer>'n (bzw. von relativ/absolute positionierten Seitenelementen) ändern... nd auch da ist die Syntax nicht die selbe wie beim DOM

... die "display"-Eigenschaft lässt sich im NN4 überhaupt nicht manipulieren(übrigens auch nicht in bspw. Opera vor V7)

...Netscape4 interpretiert keine Mouse-Events im <img>

Weitere Infos zuNetscape4 und DHTML .
 
Da ich ein ähnliches Problem habe, poste ich es einfach mal hier:

Also wenn man über einen Button der Navigation fährt, sollte sich der Button ändern und darunter ein Kasten bzw eine Tabelle mit weiteren Bildern öffnen. Der geänderte Button und der Kasten sind absolut positioniert und werden eben ein- und ausgeblendet wenn man über den Button fährt. Das Problem ist nun, dass zwischen den einzelnen Bilder (wenn auch nur kleine) Abstände vorhanden sind, obwohl ich überall wo es nötig ist 'cellspacing=0' und 'style=padding:0px;' geschrieben habe! :(

Ich hab die Dateien mal angehängt, vielleicht könnt ihr mir ja weiterhelfen..

Danke!

Edit: Und könnt ihr mir vielleicht auch sagen, wie ich dann am besten machen kann, dass wenn die Maus weder über dem Kasten noch dem Button ist, der Kasten verschwindet und der Button wieder der alte wird? Wäre sehr nett..

Edit 2: Ich glaub ich poste den Code direkt hier..

Code: 
<html>
<head>
<title>test</title>
<meta name="description" content="Beschreibung">
<meta name="author" content="Dieter">
<meta name="keywords" content="Schl&uuml;sselw&ouml;rter">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">

<script type="text/javascript">
<!--
var y;
function setvisi(x) {

document.getElementById(x).style.visibility = "visible";
document.getElementById(x + '2').style.visibility = "visible";
}

//-->
</script>

</head>
<body text="#000000" bgcolor="#FFFFFF" style="margin:0px;padding:0px;">



<div id="bla" style="position:absolute;left:0px;top:0px;visibility:hidden;z-index:2;
margin:0px;padding:0px;width:48px;height:26px;" >
<img src="profil.gif">
</div>


<table id="bla2" border="0" cellspacing="0" style="position:absolute;left:0px;top:26px;
visibility:hidden;z-index:3;margin:0px;padding:0px;">

<tr><td width="61" height="9">
<img src="blah.gif" onMouseover="this.src='blah2.gif'" onMouseout="this.src='blah.gif'">
</td></tr>

<tr><td width="61" height="9">
<img src="blah.gif" onMouseover="this.src='blah2.gif'" onMouseout="this.src='blah.gif'">
</td></tr>

</table>






<table border="0" cellspacing="0" 
style="margin:0px;padding:0px;" width="48" height="26">
<tr>
<td onMouseover="setvisi('bla')"><img src="profil2.gif"></td>
</tr>

</table>

</body>
</html>
 
Zuletzt bearbeitet:
Hi,

also ich hab's mal selbst nochmal versucht, und seltsamerweise hat es so geklappt:

Code: 
<html>
<head>
<title>ba</title>
<meta name="description" content="Beschreibung">
<meta name="author" content="Dieter">
<meta name="keywords" content="Schlüsselwörter">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">

<script type="text/javascript">
<!--
var y;
function setvisi(x) {

document.getElementById(x).style.display = "block";

}

//-->
</script>

</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" style="margin:0px;padding:0px;">



<div id="bla" style="position:absolute;left:1px;top:1px;display:none;z-index:2;margin:0px;padding:0px;" >
<img src="profil.gif" style="height:26px;width:48px;"><br>
<img src="blah.gif" onMouseover="this.src='blah2.gif'" onMouseout="this.src='blah.gif'" style="width:61px;height:9px;"><br>
</div>

<div id="bla2" style="position:absolute;left:49px;top:1px;display:none;z-index:2;margin:0px;padding:0px;" >
<img src="profil.gif" style="height:26px;width:48px;"><br>
<img src="blah.gif" onMouseover="this.src='blah2.gif'" onMouseout="this.src='blah.gif'" style="width:61px;height:9px;"><br>
</div>

<table cellspacing="0" style="margin:0px;padding:0px;width:96px;height:26px;border:0px;">
<tr>
<td><img src="profil2.gif" onMouseover="setvisi('bla')"></td>
<td><img src="profil2.gif" onMouseover="setvisi('bla2')"></td>
</tr>

</table>

</body>
</html>

Irgendwie gibts jetzt aber ne Verschiebung...ich hoffe mal der Fehler liegt an meinem Code..

Edit: Und wieso hat es zwischen den Buttons einen Abstand? Fragen über Fragen...

Edit 2: Okay..jetzt ist auch der Abstand weg. Ratet mal was das Problem war..Der Zeilenumbruch im Editor zwischen den beiden img-Tags. Mann, und ich dachte immer, Leerzeichen, Zeilenumbrüche, Tabulatoren usw. würden keinen Einfluss haben! :mad:
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück