Frågan#1
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
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"> </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> <SPAN'+yesSub+'><A HREF="'+link+'" class="quickItems" target="'+target+'">'+text+'</A></SPAN> |</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"> </SPAN></TD></TR><TR><TD NOWRAP><FONT SIZE="'+subFontSize+'" FACE="'+subFontFace+'"><B>')
}
function addSubQuick(text, link, target) {
if (!target) {target=menuTarget}
document.write(' <A HREF="'+link+'" class="quickItems" target="'+target+'">'+text+'</A> <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:
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();