Probleme mit Js drop down

T

TeisT

Grünschnabel
Hallo! Ich habe eine Frage zu meinem JS drop down menü. Hier erstmal der Code:

Code: 
<html>
<head>
<title></title>
<meta name="author" content="stefanie.radtke">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<script type="text/javascript" src="Menue.js" >
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<a href="#" onclick="show('cat1')">Category 1</a><br>
<div id="cat1" style="display:none">
<a href="#" class="sub">Sub 1</a><br>
<a href="#" class="sub">Sub 2</a><br>
<a href="#" class="sub">Sub 3</a><br>
</div><br>
<a href="#" onclick="show('cat2')">Category 2</a><br>
<div id="cat2" style="display:none">
<a href="#" class="sub">Sub 1</a><br>
<a href="#" class="sub">Sub 2</a><br>
<a href="#" class="sub">Sub 3</a><br>
</div><br>
</body>
</head>
</html>
</body>
</html>

JS:

Code: 
function show(divid) {
document.getElementById("cat1").style.display="none";
document.getElementById("cat2").style.display="none";

document.getElementById(divid).style.display="inline";

}

Ich möchte aber gerne, dass das submenü nicht untereinander, sondern nebeneinander angezeigt wird. Dies wird doch bestimmt durch das "inline" gesteuert, oder?

Kann mir da jemand helfen?
 
Du könntest der Klasse "sub" folgende CSS-Eigenschaft geben:

Code: 
<style type="text/css">
.sub{float:left}
</style>

und den Quelltext so verändern:
HTML: 
<a href="#" onclick="show('cat1')">Category 1</a>
<br>
<div id="cat1" style="display:none">
 <ul>
  <li><a href="#" class="sub">Sub 1</a></li>
  <li><a href="#" class="sub">Sub 2</a></li>
  <li><a href="#" class="sub">Sub 3</a></li>
 </ul>
</div>
<br>
<a href="#" onclick="show('cat2')">Category 2</a>
<br>
<div id="cat2" style="display:none">
 <ul>
  <li><a href="#" class="sub">Sub 1</a></li>
  <li><a href="#" class="sub">Sub 2</a></li>
  <li><a href="#" class="sub">Sub 3</a></li>
 </ul>
</div>

Greetz
 
Ja cool. So einfach ist das. :eek: CSS ist echt der Hammer. Vielen Dank.

Kann man das nun auch noch einstellen, dass sich das Menü nach einer Sekundenangabe wieder " einfährt"? :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück