Problem mit DHTML-Menü

Jan-Frederik Stieler · 9. März 2005

Hallo,
habe ein kleines Problem mit dem Menü welches sich auf meiner Seite befindet, nämlich das ich sobald ich mit der Maus in das Popup rein gehen will schließt sich dieses schon wieder, ich verstehe einfach nicht wieso das jetzt nicht mehr funktioniert.

Habe alle Dateien mal angehängt.

Viele Grüße

PS: weis jetzt nicht obs das richtige Forum ist weil eigentlich ist es ja eine Frage zu DHTML.

Maik · 9. März 2005

Hallo DirtyWorld,

das Problem liegt nicht am Menü, sondern an deinen Syntax-Fehlern:

Code:

<div id="menu1" class="menu1"javascript:auf('menu1')onmouseover="auf('menu1')" onmouseout="zu('menu1')">

<div id="menu2" class="menu2"javascript:auf('menu2')onmouseover="auf('menu2')" onmouseout="zu('menu2')">

<div id="menu3" class="menu3"javascript:auf('menu3')onmouseover="auf('menu3')" onmouseout="zu('menu3')">

Noch ein Tipp: würde nicht die gleichen Namen für eine ID und CSS-Klasse verwenden.
Stattdessen habe ich für die Klassen-Namen ein cl vor den ID-Name gesetzt:

Code:

<div id="menu1" class="clMenu1" onmouseover="auf('menu1')" onmouseout="zu('menu1')">

Hier der korrigierte Source:

Code:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Herzlich willkommen auf www.janstieler.de</title>
<meta name="author" content="Jan-Frederik Stieler">
<meta name="generator" content="Phase 5">
<!-- grundlegende Seiteneinstellungen -->
<link rel="stylesheet" type="text/css" href="css/basics.css">
<link rel="stylesheet" type="text/css" href="css/menue.css" >
<script type="text/javascript" src="js/menue_oben.js"></script>
<script type="text/javascript" src="js/basics.js"></script>
</head>
<body class="body">
<div id="container">
<div class="ro">
  <div class="lo">
    <div class="ru">
      <div class="lu">
         <div id="inhalts_div">
           <div><a href="#" id="home">www.janstieler.de</a></div>
            <div id="menueborderleervorne"></div>
            <div>

<!-- Menü-->

<!--leiste 1, hauptrubrik-->
<div id="leiste" class="clLeiste" onmouseover="auf('menu1')" onmouseout="zu('menu1')">
<a href="javascript:auf('menu1')" onmouseover="auf('menu1')" onmouseout="zu('menu1')" class="linkmenue">Arbeiten</a></div>
<div id="menu1" class="clMenu1" onmouseover="auf('menu1')" onmouseout="zu('menu1')">
<a href="#" class="linkmenue">Print</a>
<a href="#" class="linkmenue">Nonprint</a>
</div>
<!--leiste 2, hautptrubrik-->
<div id="leiste2" class="clLeiste2" onmouseover="auf('menu2')" onmouseout="zu('menu2')">
<a href="javascript:auf('menu2')" onmouseover="auf('menu2')" onmouseout="zu('menu2')" class="linkmenue">Portfolio</a></div>
<div id="menu2" class="clMenu2" onmouseover="auf('menu2')" onmouseout="zu('menu2')">
<a href="#" class="linkmenue">Portfolio1</a>
<a href="#" onmouseover="auf('menu2b')" onmouseout="zu('menu2b')" class="linkmenue">Portfolio2</a>
<a href="#" class="linkmenue">Portfolio3</a>
</div>

<!--leiste 3, hautptrubrik-->
<div id="leiste3" class="clLeiste3" onmouseover="auf('menu3')" onmouseout="zu('menu3')">
<a href="javascript:auf('menu3')" onmouseover="auf('menu3')" onmouseout="zu('menu3')" class="linkmenue">Tutorials</a></div>
<div id="menu3" class="clMenu3" onmouseover="auf('menu3')" onmouseout="zu('menu3')">
<a href="#" class="linkmenue">Tutorials1</a>
<a href="#" class="linkmenue">Tutorials2</a>
<a href="#" class="linkmenue">Tutorials3</a>
<a href="#" class="linkmenue">Tutorials4</a>
<a href="#" class="linkmenue">Tutorials5</a>
</div>

<!--menü 2b, -->
<div id="menu2b" class="clMenu2b" onmouseover="auf('menu2b')" onmouseout="zu('menu2b')">
<a href="#" onmouseover="auf('menu2')" onmouseout="zu('menu2')" class="linkmenue">Platzhalter1</a>
<a href="#" onmouseover="auf('menu2')" onmouseout="zu('menu2')" class="linkmenue">Platzhalter2</a>
</div>
<!--menü ende -->
<div id="menueborderleer">üü</div>

            </div>
          <div id="kontakt_impressum" align="center"><a href="#" class="verlinkt">Kontakt</a>&nbsp;|&nbsp;<a href="#" class="verlinkt">Impressum</a></div>
         </div>
      </div>
    </div>
  </div>
</div>
</div>
</body>
</html>

Anmerkung: Die von mir geänderten Klassen-Namen musst du noch in deiner CSS-Datei anpassen.

greez, maik.l

Jan-Frederik Stieler · 9. März 2005

Hüpf, Freu ...
Vielen Dank jetzt funktionierts.

Problem mit DHTML-Menü

Jan-Frederik Stieler

Monsterator

Maik

Jan-Frederik Stieler

Monsterator

Neue Beiträge