Menü in CSS/JavaScript

15.03.2005, 16:18

Hi,

habe nach langem suchen und basteln folgendes zusammengebastellt:

drop.css

Code:

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

body
{
  font-family: "Tahoma, Arial, Verdana";
  font-size: 12px;
}

ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  width: 150px;
  border-bottom: 1px solid #ccc;
}

ul li
{
  position: relative;
}

li ul
{
  position: absolute;
  left: 149px;
  top: 0;
  display: none;
}

ul li a
{
  display: block;
  text-decoration: none;
  color: #777777;
  background: #FFFFFF;
  padding: 2px;
  border: 1px solid #CCCCCC;
  border-bottom: 0;
}

li:hover ul, li.over ul
{ 
  display: block;
}

a:hover
{
  background: #DFE4EF;
  font-weight: bold;
}

drop.html

Code:

<html>
<head>
<title>TEST-DROPDOWN MENÜ</title>
  <link rel="stylesheet" href="css/drop.css" type="text/css">

<script language="JavaScript">

startList = function()
{
  if (document.all&&document.getElementById)
  {
    navRoot = document.getElementById("nav");
    for (i=0; i<navRoot.childNodes.length; i++)
    {
      node = navRoot.childNodes[i];
      if (node.nodeName=="LI")
      {
        node.onmouseover=function()
        {
          this.className+=" over";
        }
        node.onmouseout=function() 
        {
          this.className=this.className.replace>>(" over", "");
        }
      }
    }
  }
}
window.onload=startList;

</script>


</head>
<body>

<ul id="nav"> [*]Home [*]About 
    <ul> [*]History [*]Team [*]Offices [/list]  [*]Services 
    <ul> [*]Web Design [*]<a href="#">Internet 
          Marketing</a> [*]Hosting [*]Domain Names [*]Broadband [/list]  [*]Contact Us 
    <ul> [*]United Kingdom [*]France [*]USA
      <ul>[*]Nordamerika</lI>[*]Südamerika</lI>[/list][*]Australia [/list]   [/list]
</body>
</html>

Mein Problem/Frage ist nun folgendes. Die Untermenüs klappen wunderbar, nur wenn es darum geht im Untermenü ein weiteres Untermenü zu öffnen, da klappt es nicht so (es werden vom Obermenü aus direkt immer alles Untermenüs aufgeklappt). Ich habe mir das meiste zusammengesucht, da ich von JavaScript überhaupt keine Ahnung habe. Und ich denke, dass es in diesem Fall an einer Erweiterung des JavaScripts liegen könnte. Wenn mir also jemand dabei helfen könnte, dann wäre ich dankbar.

nullplan · 17.03.2005, 10:18

hi... hab im mom ein ähnliches Problem... hab dann einfach ein Menü von Javarea.de genommen war ich ganz zufrieden mit...

cu

CSS · 19.03.2005, 08:45

Zitat:

habe nach langem suchen und basteln folgendes zusammengebastellt:

Du hast überhaupt nichts gebastelt sondern den Code 1:1 übernommen.

MfG CSS

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

17.03.2005, 10:18
nullplan Erfahrener Benutzer Registriert seit: 08.03.2005 Beiträge: 123	hi... hab im mom ein ähnliches Problem... hab dann einfach ein Menü von Javarea.de genommen war ich ganz zufrieden mit... cu __________________ Was auch immer, du mich auch!