Hallo zusammen,
ich habe da eine Menüleiste mit einem JavaScript, die auch sehr gut funktioniert.
Eines stört mich jedoch dabei.
Bevor die einzelnen Menüpunkte aufgeführt werden, wird mit dem nachstehenden Script die Breite der Pixel, der einzelnen Menüpunkte festgelegt ...
Hier ist einmal der Script:
var h;
var item_width = 104; //Breite in Pixel der einzelnen Menüpunkte
var item_height = 19; //Höhe in Pixel der einzelnen Menüpunkte
... diese Pixelbreite der einzelnen Menüpunkte zählt jedoch für alle Menüpunkte.
Ich würde aber gerne die einzelnen Menüpunkte mit unterschiedlichen Pixelbreiten festlegen. Z.B. contact 104 Pixel, Links 90 Pixel usw.
Das muss doch bestimmt irgendwie zu lösen sein. Über eine kurze Antwort, wie ich das Problem lösen kann, würde ich mich sehr freuen. Zum besseren Verständnis liste ich nachstehen einmal einen Teilbereich meines Scriptes auf, vielleicht kann man mir so besser helfen.
Viele Grüße Pharlap
Hier der Teilbereich:
var h;
var item_width = 104; //Breite in Pixel der einzelnen Menüpunkte
var item_height = 19; //Höhe in Pixel der einzelnen Menüpunkte
// padding parameters of css-classes
var padding_left = 4;
var padding_top = 4;
var main_expand_image_style = "background-image: url(pf-main.gif); background-position: center right; background-repeat: no-repeat;";
var subs_expand_image_style = "background-image: url(pf-sub.gif); background-position: center right; background-repeat: no-repeat;";
//Hauptmenüpunkt Home
var menu = new list(new link("Home", "testlink.html", "body"));
//Hauptmenüpunkt contact
append(menu, new link("contact", "testlink.html", "body"));
//Untermenüpunkte von contact\...
get_list(menu, 1).sub = new list(new link("legal notice", "testlink.html", "body"));
append(get_list(menu, 1).sub, new link("copyright", "testlink.html", "body"));
append(get_list(menu, 1).sub, new link("webmaster", "testlink.html", "body"));
append(get_list(menu, 1).sub, new link("feedback", "testlink.html", "body"));
//Hauptmenüpunkt discography
append(menu, new link("discography", "testlink.html", "body"));
//Untermenüpunkte von discography\...
get_list(menu, 2).sub = new list(new link("singles", "testlink.html", "body"));
append(get_list(menu, 2).sub, new link("albums", "testlink.html", "body"));
append(get_list(menu, 2).sub, new link("sampler", "testlink.html", "body"));
//Hauptmenüpunkt gallery
append(menu, new link("gallery", "testlink.html", "body"));
//Untermenüpunkte von gallery\...
get_list(menu, 3).sub = new list(new link("overview", "testlink.html", "body"));
append(get_list(menu, 3).sub, new link("bananaband", "testlink.html", "body"));
append(get_list(menu, 3).sub, new link("Neuwied-1993", "testlink.html", "body"));
append(get_list(menu, 3).sub, new link("Elmpt-2004", "testlink.html", "body"));
//Hauptmenüpunkt this & that
append(menu, new link("this & that", "testlink.html", "body"));
//Untermenüpunkte von this & that\...
get_list(menu, 4).sub = new list(new link("biography", "testlink.html", "body"));
append(get_list(menu, 4).sub, new link("lyrics", "testlink.html", "body"));
append(get_list(menu, 4).sub, new link("fan clubs", "testlink.html", "body"));
append(get_list(menu, 4).sub, new link("chart positions", "testlink.html", "body"));
append(get_list(menu, 4).sub, new link("accident 08/1980", "testlink.html", "body"));
//Hauptmenüpunkt links
append(menu, new link("links", "testlink.html", "body"));
//Untermenüpunkte von links\...
get_list(menu, 5).sub = new list(new link("Harpo web pages", "testlink.html", "body"));
append(get_list(menu, 5).sub, new link("Harpo`s management", "testlink.html", "body"));
append(get_list(menu, 5).sub, new link("search engines", "testlink.html", "body"));
append(get_list(menu, 5).sub, new link("general", "testlink.html", "body"));
//Hauptmenüpunkt support
append(menu, new link("support", "testlink.html", "body"));
//Untermenüpunkte von support\...
get_list(menu, 6).sub = new list(new link("help", "testlink.html", "body"));
append(get_list(menu, 6).sub, new link("website info", "testlink.html", "body"));
append(get_list(menu, 6).sub, new link("downloads", "testlink.html", "body"));
append(get_list(menu, 6).sub, new link("sitemap", "testlink.html", "body"));
output(menu, new Array(10,10), 0, "li");