Code Funktioniert nicht bei IE

Folgender Code Funktioniert nicht unter IE wo könte der Fehler liegen??

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">  
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">  
<meta name="ProgId" content="FrontPage.Editor.Document">  
<title>Neue Seite 2</title>

<script language="JavaScript">  
	function MItems(b) {
		var a = document.getElementById(b);
			if (a.style.visibility != "hidden")	{  
				a.style.visibility = "hidden";  
			} else {
				a.style.visibility = "visible"; }  

			if (a.style.position != "absolute") {  
				a.style.position = "absolute";  
			} else {
				a.style.position = "static"; }  
		}
</script>

<style type="text/css">  
	a {
		font-size:14px;
		font-family:"Comic Sans MS";}  
	div {
		font-size:14px;
		font-family:"Comic Sans MS";}  
	a:link {
		font-size:14px;
		color: #D9312E;
		text-decoration: none; }
	a:visited {
		color: #D9312E;
		text-decoration: none; }
	a:active {
		color: #D9312E;
		text-decoration: none; }
	a:hover {
		color: #D9312E;
		font:bold;
		text-decoration: underline;}
</style>

<base target="Hauptframe">  

</head>

<body bgcolor="#D9312E" text="#D9312E" leftmargin="5">  

	<table bgcolor="#FFC801" border="0" cellspacing="0" cellpadding="0">  
		<tr>
			<td><img src="images/oben.jpg" width="100%" height="38"></td>  
		</tr>
		<tr>
			<td><a href="home.htm">&#9679;&nbsp;&nbsp;Startseite</a><hr noshade size="1" color="#D9312E"></td>  
		</tr>
		<tr>
			<td><div onClick="MItems('menu1')"><a href="uberuns/ueber uns.htm">&#9679;&nbsp;&nbsp;Über uns</a></div><hr noshade size="1" color="#D9312E"></td>  
		</tr>
		<tr id="menu1" style="visibility=hidden;position=absolute;">  
			<td><ul><li><a href=uberuns/geschichte.html>Geschichte</a></li>
					<li><a href="neuigkeiten/sprechzeiten.htm">Sprechzeiten</a></li>  
					<li><a href="lemi/schulordnung.htm">Schulordnung</a></li></ul></td>  
		</tr>
		<tr>
			<td><div onClick="MItems('menu2')">&#9679;&nbsp;&nbsp;Neuigkeiten</div><hr noshade size="1" color="#D9312E"></td>  
		</tr>
		<tr id="menu2" style="visibility=hidden;position=absolute;">  
			<td><ul><li><a href="neuigkeiten/infos.htm">Infos</a></li>  
					<li><a href=Neuigkeiten/Bilder.html>Bilder</a></li></ul></td>
		</tr>
		<tr>
			<td><div onClick="MItems('menu3')">&#9679;&nbsp;&nbsp;Unterricht / Klassen</div><hr noshade size="1" color="#D9312E"></td>  
		</tr>
		<tr id="menu3" style="visibility=hidden;position=absolute;">  
			<td><ul><li><a href="neuigkeiten/klassenfotos.htm">Klassenfotos</a></li>  
					<li><a href="neuigkeiten/stundenplan Muster.htm">Stundenplan</a></li></ul></td>  
		</tr>
		<tr>
			<td><div onClick="MItems('menu4')">&#9679;&nbsp;&nbsp;Lehrer</div><hr noshade size="1" color="#D9312E"></td>  
		</tr>
		<tr id="menu4" style="visibility=hidden;position=absolute;">  
			<td><ul><li><a href=lehrer/steckbriefe.htm>Steckbriefe</a></li></ul></td>
		</tr>
		<tr>
			<td><a href="ort/ort&lage.htm">&#9679;&nbsp;&nbsp;Ort & Lage</a><hr noshade size="1" color="#D9312E"></td>  
		</tr>
		<tr>
			<td><a href=links/links.htm>&#9679;&nbsp;&nbsp;Weiterführendeschulen</a><hr noshade size="1" color="#D9312E"></td>  
		</tr>
		<tr>
			<td><a href="kontakt/kontakte.htm">&#9679;&nbsp;&nbsp;Kontakt</a></td>  
		</tr>
		<tr>
			<td valign="top" height="28"><hr noshade size="1" color="#D9312E"></td>  
		</tr>
	</table>
</body>

</html>

Please also mark the comments that contributed to the solution of the article

Content-Key: 63695

Url: https://administrator.de/contentid/63695

Printed on: April 26, 2024 at 20:04 o'clock

3 Comments

Latest comment

Moin,

es wäre durchaus hilfreich, wenn du mal beschreibst, was genau nicht funktioniert!

Psycho

also wenn ich im ie die menüs aufklappe kann ich die links die den im aufgeklapten menü zurverfügung stehen solten nicht ausführen.

Habs gerade getestet. Das Problem scheint das "position=static"

Wenn du statt diesem

if (a.style.position != "absolute") {  
a.style.position = "absolute";  
} else {
a.style.position = "static"; }  
}

folgendes nimmst:

if (a.style.position != "absolute") {  
a.style.position = "absolute";  
} else {
a.style.position = "relative"; }  
}

funktioniert es.

German Question HTML Development