Menü

brain-death

Hallo zusammen,

Ich wollte ein Menü machen, mit DHTML, Javascript, etc.
Zuerst hatte ich ein Menü, dass frei positioniert war und sich aufklappte wenn man darüber fuhr (es guckte nur ein paar Pixel nach rechts heraus).

Jetzt wollte ich aber eines machen das man immer sieht. Da ich keine Frames benutzen möchte habe ich es mit JavaScript gemacht:

menu.js

////////////////////////////////////////////////////////////////////////////////
// JavaScript Menü - Copyright by paranoiac.org ////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

// Global
var szStdLinkInfo = "(C) - by paranoiac.org";

// Farben definiern
clrMain = "#8080FF";
clrSub  = "#C0C0C0";

// Logo anlegen:
var szLogoPath = "../graphics/logos/mnuLogo.jpg";
var szListSep  = "../graphics/smilies/sm_biggrin.gif";

// Arrays anlegen
var mnuItem = new Array;

// Untermenüs anlegen
mnuItem[0] = new Array();
mnuItem[1] = new Array();
mnuItem[2] = new Array();

// Untermenüs hinzufügen
// Format: "Titel", "Pfad", "Info"
mnuItem[0][0] = new Array("Main", "", "");
  mnuItem[0][1] = new Array("Startseite", "http://www.paranoiac.org/sites/startpage.html", "Hier gehts zur Startseite");

mnuItem[1][0] = new Array("Schule", "", "");
  mnuItem[1][1] = new Array("Arbeiten", "", "Hier gibts Schularbeiten");

mnuItem[2][0] = new Array("Downloads", "", "");
  mnuItem[2][1] = new Array("Schule", "", "Hier könnt ihr Schul-Programme herunterladen");

// Menü zeichen
// Tabelle
document.writeln("<table width=150px border=0>");

// Logo einbringen
document.writeln("<tr><td><img width=120 height=120 src='" + szLogoPath + "'></td></tr>");

for(mi=0; mi<mnuItem.length; mi++){
  // Überschrift
  document.writeln("<tr>");
  document.writeln("<td bgcolor=" + clrMain + ">");

  // Listenzeichen
  document.writeln("<img src='"+ szListSep +"'> ");

  // Eintrag
  document.writeln(mnuItem[mi][0][0]);
  document.writeln("</td></tr>");

  // Untermenüs
  for(sm=0; sm<mnuItem[mi].length-1; sm++){
    document.writeln("<tr>");

    // Zeile einleiten mir Info - Funktion
    document.writeln("<td bgcolor=" + clrSub + " onMouseOver='SetLinkInfo(" + mi + ", "+ (sm+1) + ")' onMouseOut='ClearLinkInfo()'>");

    // Eintrag
    // Link setzen
    document.writeln("<a href='" + mnuItem[mi][sm+1][1] + "'>");
    document.writeln(mnuItem[mi][sm+1][0]);
    document.writeln("</a></td></tr>");
  }
}

// Infobox zeichnen
document.writeln("<tr><td bgcolor=" + clrMain + "><img src='../graphics/smilies/sm_tongue.gif'> Link Info<td></tr>");
document.writeln("<tr><td bgcolor=" + clrSub + "><div id='innerLinkInfo'>Alte Hure!</div></td></tr>");

// Tabelle beenden
document.writeln("</table>");

// Die SetLinkInfo - Funktion
function SetLinkInfo(mns, smi){
  document.getElementById("innerLinkInfo").innerHTML=mnuItem[mns][smi][2];
}

// Funktion um die LinkInfo zu löschen
function ClearLinkInfo(mns, smi){
  document.getElementById("innerLinkInfo").innerHTML=szStdLinkInfo;
}

Das kann man ja jetzt auch wunderbar in eine andere LEERE Html Datei per "<script language="JavaScript" src="test.js" type="text/javascript"></script>" einfügen aber:
Wenn in dieser Datei schon was steht, steht das Menü ja ganz oben und nicht links von dem text, der ja schon da ist.

Wie mach ich das jetzt? Mit einer Tabelle?? Hab es schon probiert aber bei mir sieht es dann so aus:

Menü  Inhalt
....
....
....  IIIIII
....
....

<= wird vertikal zentriert, sollte aber ganz oben stehen.

Hoffe ihr versteht micht.

Danke!
cu para

brain-death

Hat sich dann wohl erledigt...

cu para