Dynamisches Navigatiosmenü

Danke zuerst für die Mühe. Wie du gemacht hast, funktioniert es schon. Aber wenn ich in meinen Seiten einbaue dann geht es nicht. Kannt es vielleicht an Tabelle liegen, wo ich diese Navigationsmenüs reinplatziert habe? Gruß
 
Hallo,
Code:
 <div id="cat1" style="display:none">
ich muss irgendwie anders dann versuchen. Wie kann ich jetzt style von display:none auf etwas andere Wert umstellen?Natürlich mit JavaScript.
 
Hi,

bei mir funktioniert es, auch wenn ich es in Tabellen packe. Ich hatte allerdings in Deiner Funktion zwei
Zeilen auskommentiert, weil ich nur mit zwei Navigationspunkten arbeiten wollte.

Weiterhin musste ich feststellen, dass der IE rumzickt, wenn noch gar kein Fenstername existiert. Mit
einem try .. catch-Konstrukt kann eine Fehlermeldung aber umgangen werden.
Code:
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">
<!--
function show(divid) {
	d=document;
	d.getElementById("cat1").style.display="none";
	d.getElementById("cat2").style.display="none";
	//d.getElementById("cat3").style.display="none";
	//d.getElementById("cat4").style.display="none";
	d.getElementById(divid).style.display="inline";
}

window.onload = function(){
  var strID = window.name;
  try{
  	document.getElementById(strID).style.display = "inline";
  }catch(e){}
}

//-->
</script>
</head>
<body>
<table>
	<tr>
  	<td>
	    <a href="#" onclick="show('cat1')" class="navText">Informationen 1</a>
	    <div id="cat1" style="display:none">
	      <a href="http://127.0.0.1/Eigene/Test/help/9281.html" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">A</font></a>
	      <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">I</font></a>
	      <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">S</font></a>
	      <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">E</font></a>
	      <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">G</font></a>
	    </div>
    </td>
  </tr>
	<tr>
  	<td>
	    <a href="#" onclick="show('cat2')" class="navText">Informationen 2</a>
	    <div id="cat2" style="display:none">
	      <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">A</font></a>
	      <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">I</font></a>
	      <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">S</font></a>
	      <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">E</font></a>
	      <a href="?test" onclick="window.name=this.parentNode.id;" class="navTextsmall">&nbsp; &nbsp;&nbsp; &nbsp;<font size="1">G</font></a>
	    </div>
    </td>
  </tr>
</table>
</body>
</html>
Ciao
Quaese
 

Neue Beiträge

Zurück