---
title: "Lägga till ytterligare en nivå på menysystemet"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/122504-lägga-till-ytterligare-en-nivå-på-menysystemet"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "kicki_an"
published: "2005-02-15T13:09:37.000Z"
updated: "2005-02-15T13:09:37.000Z"
replies: 0
views: 240
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/122504-lägga-till-ytterligare-en-nivå-på-menysystemet"
---

# Lägga till ytterligare en nivå på menysystemet

## #1 — kicki_an, 2005-02-15T13:09Z

Hejsan!

Jag har ett menysystem som bygger på dropdowns. Jag har lyckats få till så att det finns kategorier och att de har subkategorier som rullas ned om man pekar på dem.

Nu skulle jag vilja lägga till ytterligare funktionalitet och få subkategorier till subkategorierna.
Jag har ingen aning hur jag ska lyckas med detta. Har hittat exempel, men inga som stämmer in på min kod.

Skulle bli mycket tacksam om någon kunde hjälpa mig.

Nedan kan ni se mina javascript:

/Kicki

```php
var IE=document.all
var NS=document.layers

function showQuick(layer, e){
if (window.hiding){setTimeout('clearTimeout(hiding)', 1);}
if (IE) {
document.all(layer).style.pixelLeft=document.body.scrollLeft+event.clientX-event.offsetX
document.all(layer).style.pixelTop=document.body.scrollTop+event.clientY-event.offsetY+quickMenu.offsetHeight-4
showing = setTimeout('document.all("'+layer+'").style.visibility="visible"', 1)
if (document.all(layer).style.pixelLeft+document.all(layer).offsetWidth>quickMenu.offsetWidth){
document.all(layer).style.pixelLeft=quickMenu.offsetWidth-document.all(layer).offsetWidth}}
if (NS) {
document.layers[layer].left=e.pageX-e.layerX
document.layers[layer].top=e.pageY-e.layerY+document.quickMenu.document.height-4
showing = setTimeout('document.layers["'+layer+'"].visibility="show"', 1)
if (document.layers[layer].left+document.layers[layer].document.width>document.quickMenu.document.width){
document.layers[layer].left=document.quickMenu.document.width-document.layers[layer].document.width}}}
function showQuick2(layer){
if (window.hiding){clearTimeout(hiding);hiding="";}
if (IE) {document.all(layer).style.visibility="visible";}
if (NS) {document.layers[layer].visibility="show";}}
function hideQuick(layer, header) {
if (window.showing){clearTimeout(showing);}
if (header!="head"){
hiding = setTimeout('hideQuick2(\''+layer+'\')', 0)}
else {hideQuick2(layer)}}
function hideQuick2(layer){
if (IE) {document.all(layer).style.visibility="hidden"}
if (NS) {document.layers[layer].visibility="hide";}}

function makeQuickStatic() {
if (window.staticing){clearInterval(staticing); staticing = ""} 
if (IE) {quickMenu.style.pixelTop=document.body.scrollTop}
if (NS) {document.quickMenu.top=window.pageYOffset}
staticing = setInterval('makeQuickStatic()', 1)}

function startQuick() {
if (IE){style='<DIV ALIGN="LEFT" ID="quickMenu" STYLE="position:absolute;top:0px;left:0px;Z-Index:200;width:1px">'; width=document.body.clientWidth-16}
else {style=""; width=window.innerWidth}
document.write('<LAYER NAME="quickMenu" Z-Index="200" TOP="0" LEFT="0">'+style)
document.write('<TABLE CELLPADDING="0" CELLSPACING=0 BORDER=0 BGCOLOR="'+menuBGColor+'" width="'+width+'"><TR><TD BGCOLOR="'+menuHRColor+'" HEIGHT=2><SPAN CLASS="quickhr">&nbsp;</SPAN></TD></TR><TR><TD><TABLE CELLPADDING="0" CELLSPACING=0 BORDER=0 BGCOLOR="'+menuBGColor+'"><TR><TD NOWRAP><FONT SIZE="'+hdrFontSize+'" FACE="'+hdrFontFace+'" COLOR="'+hdrTextColor+'"><B>|</B></TD>')
}
function addQuick(text, link, target, subName) {
if (target) {target=menuTarget}
if (subName){yesSub=' onmouseover="showQuick(\''+subName+'\', event)" onmouseout="hideQuick(\''+subName+'\', \'head\')"'} else {yesSub=""}
document.write('<TD NOWRAP><ILAYER><LAYER class="quickItems"'+yesSub+'><FONT SIZE="'+hdrFontSize+'" FACE="'+hdrFontFace+'" COLOR="'+hdrTextColor+'"><B>&nbsp;<SPAN'+yesSub+'><A HREF="'+link+'" class="quickItems" target="'+target+'">'+text+'</A></SPAN>&nbsp;|</LAYER></ILAYER></TD>')
}
function endQuick() {
document.write('</TR></TABLE></TD></TR></TABLE></LAYER>')
if (IE){document.write('</DIV>')}
if (menuIsStatic=="yes"){makeQuickStatic()}}

function startSubQuick(subName, width) {
if (!width){width=""}
if (IE)
document.write('<DIV ID="'+subName+'" ALIGN="LEFT" STYLE="position:absolute;top:14px;left:0px;visibility:hidden;z-index:5;width:1px" onmouseover="showQuick2(\''+subName+'\')" onmouseout="hideQuick(\''+subName+'\')">')
if (NS)
document.write('<LAYER name="'+subName+'" visibility="hide" top="14" left="0" onmouseover="showQuick2(\''+subName+'\')" onmouseout="hideQuick(\''+subName+'\')" Z-INDEX="5">')
document.write('<TABLE CELLPADDING="0" CELLSPACING=0 BORDER=0 BGCOLOR="'+subBGColor+'" WIDTH="'+width+'"><TR><TD BGCOLOR="'+subHRColor+'" HEIGHT=2 width="100%"><SPAN CLASS="quickhr">&nbsp;</SPAN></TD></TR><TR><TD NOWRAP><FONT SIZE="'+subFontSize+'" FACE="'+subFontFace+'"><B>')
}
function addSubQuick(text, link, target) {
if (!target) {target=menuTarget}
document.write('&nbsp;<A HREF="'+link+'" class="quickItems" target="'+target+'">'+text+'</A>&nbsp;&nbsp;<BR>')
}
function endSubQuick() {
if (IE) document.write('<BR></TD></TR></TABLE></DIV>')
if (NS) document.write('<BR></TD></TR></TABLE></LAYER>')
}
```

 

Här kommer filen med själva menyerna:

```php
hdrFontFace="Verdana";

hdrFontSize="2";

hdrTextColor="#FFFFFF";

subFontFace="Verdana";

subFontSize="1";

menuBGColor="#004286"; // Ändrar färgen på menyn

menuHRColor="#FFFFFF"; // Ändrar färgen på mellan menyerna

menuTarget="boss"; // Målframe

menuIsStatic="yes";

YOffset=0

staticYOffset=0

subBGColor="#004286"; // Ändrar färgen på submenyerna

subHRColor="#FFFFFF"; // Ändrar färgen på mellan menyerna

// Huvudmeny

startQuick();

addQuick('Kontor', 'javascript://', '', 'Kontor_links');

endQuick();

// Kontor undermeny

startSubQuick('Kontor_links', '150');

addSubQuick('Kortförsäkringsvillkor', '/intranet/kontor/kortreseforsakringar/kortreseforsakringar.htm');

addSubQuick('Europeiska Agentweb', 'http://www.europeiska.se/agent', '_blank');

addSubQuick('RESURS kortansökan', 'http://194.68.237.170/cgi-bin/www/ombud/butiks/nupplys.ndt/LOGON', '_blank');

addSubQuick('RESURS Internetmanual', '/intranet/kontor/resurs/resurs_internetmanual.pdf', '_blank');

addSubQuick('RESURS betalplaner för Big Card', '/intranet/kontor/resurs/');

addSubQuick('RESURS Kontantuttag i butik', 'http://www.resurs.se/kortet/uttag/bigtravel.htm', '_blank');

addSubQuick('RESURS Försäljningsstatistik', '/intranet/kontor/resurs/big_card_statistik_0410.xls', '_blank');

addSubQuick('Fritidsresor Lathund', '/intranet/it_support/Starta fritidsresor.pdf', '_blank');

addSubQuick('Ergonomiguide', '/intranet/ergo/');

addSubQuick('Sortiment och provisionslista', '/intranet/files/dokument/sortiment_och_provisionslista.pdf', '_blank');

addSubQuick('Lönerapport', '/intranet/lonerapport/lonerapport.php');

addSubQuick('Resebidragsrapport', '/intranet/lonerapport/resebidrag.php');

addSubQuick('Rapportera ledighet', '/intranet/vacation/');

addSubQuick('Visa ledigheter', '/intranet/vacation/admin_visa_semester.php');

addSubQuick('Visa marginaler', '/intranet/kontor/margins/');

addSubQuick('Mall för rapport av studieresor', '/intranet/files/dokument/buikernas_underlag_for_studieresorna.xls', '_blank');

addSubQuick('Studiereserapporter', '/intranet/studieresor/studieresor.php');

addSubQuick('Annonsering', '/intranet/annons/index.php');

addSubQuick('Kataloger', '/intranet/annons/kataloger/index.php');

addSubQuick('Blandade dokument', '/intranet/files/?type=2');

addSubQuick('Visa resebyråprofil', '/intranet/kontor/kontor_spec.php');

endSubQuick();
```

Permalänk: https://www.webforum.nu/p/122504

---

Tråden på webben: https://www.webforum.nu/amne/javascript/122504-lägga-till-ytterligare-en-nivå-på-menysystemet