Javascript menu i Windows 2000

Hvordan virker den ikke?

Når man klikker på plus og minus knapperne ( bilder) sker der intet. Menuen udvider sig kun når man klikker direkte på namnet i menuen.

Har du mulighed for at copy+paste javascriptkoden til menuen ind her.
For når jeg går ind for at se det, står det hele på én linje, og det bliver trættende at prøve at læse i længden. :)

function initMenus() {
    if (!document.getElementsByTagName) return;
   
    var aMenus = document.getElementsByTagName("LI");
    for (var i = 0; i < aMenus.length; i++) {
        var mclass = aMenus[i].className;
        if (mclass.indexOf("treenode") > -1) {
            var submenu = aMenus[i].childNodes;
            for (var j = 0; j < submenu.length; j++) {
                if (submenu[j].tagName == "A") {
                   
                    submenu[j].onclick = function() {
                        var node = this.nextSibling;
                                           
                        while (1) {
                            if (node != null) {
                                if (node.tagName == "UL") {
                                    var d = (node.style.display == "none")
                                    node.style.display = (d) ? "block" : "none";
                                    this.className = (d) ? "treeopen" : "treeclosed";
                                    return false;
                                }
                                node = node.nextSibling;
                            } else {
                                return false;
                            }
                        }
                        return false;
                    }
                   
                    submenu[j].className = (mclass.indexOf("open") > -1) ? "treeopen" : "treeclosed";
                }
               
                if (submenu[j].tagName == "UL")
                    submenu[j].style.display = (mclass.indexOf("open") > -1) ? "block" : "none";
            }
        }
    }
}

window.onload = initMenus;

Jeg tror, problemet opstår ved "className" som nogle gange også skal angives med "class":
-------------------------------------------
function initMenus() {
    var aMenus = document.getElementsByTagName("li");
    for (var i = 0; i < aMenus.length; i++) {
        var mclass = null;
        mclass = aMenus[i].className ? aMenus[i].className : aMenus[i].class;
        if (mclass.indexOf("treenode") > -1) {
            var submenu = aMenus[i].childNodes;
            for (var j = 0; j < submenu.length; j++) {
                if (submenu[j].tagName == "A") {
                   
                    submenu[j].onclick = function() {
                        var node = this.nextSibling;
                                           
                        while (1) {
                            if (node != null) {
                                if (node.tagName == "UL") {
                                    var d = (node.style.display == "none")
                                    node.style.display = (d) ? "block" : "none";
                                    this.class = this.className = (d) ? "treeopen" : "treeclosed";
                                    return false;
                                }
                                node = node.nextSibling;
                            } else {
                                return false;
                            }
                        }
                        return false;
                    }
                   
                    submenu[j].class = submenu[j].className = (mclass.indexOf("open") > -1) ? "treeopen" : "treeclosed";
                }
               
                if (submenu[j].tagName == "UL")
                    submenu[j].style.display = (mclass.indexOf("open") > -1) ? "block" : "none";
            }
        }
    }
}

window.onload = initMenus;

Jeg ved intet om javascript, mener du man skall fjerne Name i className og kun have class, eller hvad?

Nej, jeg sætter begge to i mit eksempel. Men du kan jo prøve at bruge min kode.

<ole>

Når et CSS-klassenavn skal sættes, kan det gøres på to måder. Man kan enten bruge DOM'ens setAttribute metode. I så fald bør der bruges 'class' - men IE insisterer på 'className' - som er property'ens navn i IDL:
    ELEMENT.setAttribute("class", "klasseNavn"); // Standard syntaks

    ELEMENT.setAttribute("className", "klasseNavn"); // IE syntaks

Bruges 'class' i IE, sættes blot en ubrugelig attribut med det navn, som ikke har CSS-mæssig indflydelse på elementets rendering.

Det andet, man kan gøre, er at sætte klassenavnet som property på HTML-DOM objektet. I så fald skal man altid bruge 'className' - der som sagt er navnet i IDL:
    ELEMENT.className = "klasseNavn";

Det sidste giver ikke mening under XHTML. Da siden er skrevet i XHTML 1.0 Transitional - der i virkeligheden ikke er andet end HTML 3.2 og aldrig kan parses som XHTML - sker der dog ikke så meget ved at bruge den.

/mvh
</bole>

Det hjalp ikke men jeg gir dig poæng alligevel da du i det mindste prøvede hjælpe.

Til en start har du en fejl her:

<ul class="treemenu">
  <a href="http://www.sv-konstnarsforb.se/pre1228/index.php">Home</a>

Et ul-element kan kun have li-elementer som børn, så a-elementet skal ind og ligge under et li-element, hvis koden skal være valid.

Dernæst skal du passe på med 'childNodes' og 'next-/previousSibling' ... en tekst node er jo også en childNode  ;o)

Test f.eks. denne kode:

<button onclick="alert(this.nextSibling.nodeName)">TEST</button>
<div>Blablabla</div>

Den returnerer '#text'! Knappens nextSibling er nemlig ikke divet - men tekst noden, som indeholder linjeskiftet efter knappen  =)