Layer-Menü ein- und ausblenden
Claudia Pick
- javascript
Hallo,
ich sitz jetzt seid einiger Zeit an meinem Menü, aber es funktioniert noch nicht. Findet jemand den Fehler?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script>
// Ebene unsichtbar machen
function hideLayer(layerName) {
//DOM
if(document.getElementById)
document.getElementById(layerName).style.visibility='hidden';
//IE
if(document.all)
document.all[layerName].style.visibility='hidden';
//Netscape4.x ohne Garantie
if(document.layers)
document.layers[layerName].style.visibility='hidden';
}
// Ebene sichtbar machen
function showLayer(layerName) {
//DOM
if(document.getElementById)
document.getElementById(layerName).style.visibility='visible';
//IE
if(document.all)
document.all[layerName].style.visibility='visible';
//Netscape4.x ohne Garantie
if(document.layers)
document.layers[layerName].style.visibility='visible';
}
</script>
<style>
#dynmenu {
position:absolute;
left:250px;
top:50px;
background-color:#c0c0c0;
width:250px;
visibility:hidden; }
a:link, a:active, a:hover, a:visited {
background-color:navy;
font-family:verdana,arial;
font-size:24px;
color:white; }
body {
font-family:verdana,arial;
font-size:24px;
color:#006666; }
p {
font-family:verdana,arial;
font-size:12px;
color:#000000; }
</style>
</head>
<body onClick="javascript:hideLayer('dynmenu')">
<center><a href="#" onClick="showLayer('dynmenu')">Link</a><br>
<p>Wenn hier Text steht,<br>
wird das Menü drüber gelegt.</p>
</center>
<div id="dynmenu">
Überschrift<br>
<a onClick="showLayer('dynmenu')" href="#">Menü 1</a><br>
<a onClick="showLayer('dynmenu')" href="#">Menü 2</a><br>
<a onClick="showLayer('dynmenu')" href="#">Menü 3</a>
</div>
</body>
</html>
Vielen Dank im Voraus.
Claudia
Hi,
<body onClick="javascript:hideLayer('dynmenu')">
<center><a href="#" onClick="showLayer('dynmenu')">Link</a><br>
Weil ein onclick ueber dem Link auch ein click im body ist.
Gruesse Joachim
Weil ein onclick ueber dem Link auch ein click im body ist.
Jetzt wird das Menü tatsächlich angezeigt.
Mit dem onClick im BODY wollte ich erreichen, dass sich das Menü wieder schließt, wenn ich irgendwoanders auf der Seite hin klicke.
Gibt es dafür noch eine andere Möglichkeit?
Claudia
hallo Claudia,
<script>
<script type="text/javascript">
und
<body onClick="javascript:hideLayer('dynmenu')">
<body onload="hideLayer('dynmenu')">
Grüße aus Berlin
Christoph S.