Hallo Leute,
bin gerade ein wenig am js checken, ist doch relativ anders wie php, und daher brauche ich Übung.
Begonnen habe ich mit einem Menü, wo einfach ein Submenü bei Mouseover eingeblendet wird. Leider funktioniert es nicht, wisst ihr warum?
HTML-Code:
script.js:
Und im CSS steht noch dass .submenu { display:none } ist.
Würde mich über jede Antwort freuen.
lg Darian
bin gerade ein wenig am js checken, ist doch relativ anders wie php, und daher brauche ich Übung.
Begonnen habe ich mit einem Menü, wo einfach ein Submenü bei Mouseover eingeblendet wird. Leider funktioniert es nicht, wisst ihr warum?
HTML-Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>DHTML MenüTest</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="menu_left">
<ul>
<li onmouseover="show_submenu(1)">Menü 1</li>
<li>Menü 2</li>
<li>Menü 3</li>
<li>Menü 4</li>
</ul>
</div>
<div id="submenu1" class="submenu">
<ul>
<li>Submenü1</li>
<li>Submenü2</li>
<li>Submenü3</li>
<li>Submenü4</li>
</ul>
</div>
</body>
</html>script.js:
HTML:
function show_submenu(id) {
//document.getElementById("submenu"+id).style.display="block";
element = document.getElementById("submenu1");
if(element) {
element.style.display="block";
}
}Und im CSS steht noch dass .submenu { display:none } ist.
Würde mich über jede Antwort freuen.
lg Darian
