Claudia Pick: Layer-Menü ein- und ausblenden

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

  1. 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

    1. 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

  2. hallo Claudia,

    <script>

    <script type="text/javascript">

    und

    <body onClick="javascript:hideLayer('dynmenu')">

    <body onload="hideLayer('dynmenu')">

    Grüße aus Berlin

    Christoph S.