Robert Nienhaus: Baum-Menüstruktur wie?

Hallo,
ich habe bereits auf mehreren Websites eine "Baumstruktur" gesehen. Dabei kann man einzelne Menüpunkte aufklappen und erhält dann neue Unterpunkte. Wie wird so etwas realisiert? Ist das Java oder Javascript?

MfG

Robert Nienhaus
robert.nienhaus@baedeker.de

  1. Hallo Robert,

    das geht mit Java Script, hier folgt gleich ein Beispiel aus der Internetworld. Viele Grüße Gabriel

    <HTML><HEAD>
    <TITLE>Internet Magazin, Web-Baukasten: Menü im Explorer-Stil</TITLE>
    <SCRIPT LANGUAGE=JavaScript>
    <!--
    start='inhalt.htm';
    bstatus=0;
    menu0str="<A HREF='javascript:parent.schreib(4)'  onclick='parent.inhalt.location.href=parent.start'><IMG SRC='ordner.gif' border=0> Home</A><BR>"

    menu1str=menu0str+"<TABLE border=0><TR><TD> + <IMG SRC='ordner.gif'><TD><A HREF='javascript:parent.schreib(1)'>Menü 1</A><BR>";

    menu2str="<TR><TD> + <IMG SRC='ordner.gif'><TD><A HREF='javascript:parent.schreib(2)'>Menü 2</A><BR>";
    menu3str="<TR><TD> + <IMG SRC='ordner.gif'><TD><A HREF='javascript:parent.schreib(3)'>Menü 3</A><BR>";
    endestr="</TABLE>";

    function schreib(x) {
    if (bstatus==x)
    bstatus=0;
    else
    bstatus=x;
    steuer.document.write(baum(bstatus));
    steuer.document.close();
    }

    function baum(offen) {
    switch(offen)
      {
    case 1:
    menubaum=menu1str+
    "<TR><TD><TD><A HREF='menu11.htm' target='inhalt'> -- Seite 11</A><BR>"+
    "<TR><TD><TD><A HREF='menu12.htm' target='inhalt'> -- Seite 12</A><BR>"+
    menu2str+menu3str+endestr;
    break;
    case 2:
    menubaum=menu1str+menu2str+
    "<TR><TD><TD><A HREF='menu21.htm' target='inhalt'> -- Seite 21</A><BR>"+
    "<TR><TD><TD><A HREF='menu22.htm' target='inhalt'> -- Seite 22</A><BR>"+
    menu3str+endestr;
    break;
    case 3:
    menubaum=menu1str+menu2str+menu3str+
    "<TR><TD><TD><A HREF='menu31.htm' target='inhalt'> -- Seite 31</A><BR>"+
    "<TR><TD><TD><A HREF='menu32.htm' target='inhalt'> -- Seite 32</A><BR>"
    +endestr;
    break;
    case 4:
    menubaum=menu0str;
    break;
    default:
    menubaum=menu1str+menu2str+menu3str+endestr;
    break;
    }
    return menubaum;
    }
    // -->
    </SCRIPT>
    </HEAD>
    <FRAMESET COLS="20%,80%">
    <FRAME SRC="baum.htm" name="steuer">
    <FRAME SRC="inhalt.htm" name="inhalt">
    </FRAMESET>
    <NOFRAMES>
    <BODY>
    </BODY></NOFRAMES></HTML>

  2. Ein sehr einfach anzupassendes und deutsch dokumentiertes Javascript gibt's bei http://www.rheinbreitbach.net/js-menue/

  3. Hallo!

    Falls Du die Baumstruktur von Atomic-Eggs http://www.atomic-eggs.com meinst (was ja gut möglich ist, denn da ist ja SELFSPEZIAL gehostet) die findest Du mit Anleitung (in Englisch) auf der Seite von der Alchemy Computing Ltd. http://www.alchemy-computing.co.uk/joust. Aktuell ist Version 2.4.1 und es ist Freeware.

    Thilo