Enrico: Umsetzung über Javascript klappt schon fast

Beitrag lesen

Hallo Struppi,

Du willst die Eigenschaft id

Dein Anstoß war - glaub ich - goldrichtig :-)

Ohne zu wissen, ob es richtig ist, habe ich jetzt einfach ".id" ergänzt, so dass meine, jetzt umgebaute Funktion
wie folgt aussieht:

function Menuepunkt (Objekt, Flag)
     {
        var Status = "";
        var Objekt = window.document.getElementById(Objekt).id;

if (Flag == true)
        {
           Status = "_aktiv";
        }
        else
        {
           Status = "_inaktiv";
        }

Objekt.className = Objekt + Status;
     }

Wenn ich nun testweise folgenden alert-Befehl einbaue...

alert (Objekt + ".className = " + (Objekt + Status));

...wird mir folgende Ausgabe erzeugt:

Auswahlliste_Anfangsbuchstabe.className = Auswahlliste_Anfangsbuchstabe_aktiv

Dies signalisiert mir, dass der Code soweit korrekt ist.

Allerdings bekomme ich aber immer noch keinen Klassenwechsel bei meinem Menüpunkte-div.

Ich dachte, dass dies evtl. an den CSS-Definitionen liegen könnte, was aber nicht der Fall zu sein scheint.

Hier der komplette Block (um auszuschliessen, dass ich vorher oder zwischendrin irgendetwas falsch gemacht habe):

div.Auswahlliste_Anfangsbuchstabe,
     div.Auswahlliste_Anfangsbuchstabe_aktiv,
     div.Auswahlliste_Anfangsbuchstabe_inaktiv,
     div.Auswahlliste_Genre,
     div.Auswahlliste_FSK,
     div.Auswahlliste_Darsteller,
     div.Auswahlliste_Produzent,
     div.Filter_loeschen,
     div.Filter_loeschen:hover
     {
        height:     20px;
        position:   absolute;
        top:        22px;
     }

div.Auswahlliste_Anfangsbuchstabe,
     div.Auswahlliste_Anfangsbuchstabe:hover,
     div.Auswahlliste_Anfangsbuchstabe_aktiv,
     div.Auswahlliste_Anfangsbuchstabe_inaktiv
     {
        width:      134px;
        left:       194px;
     }

div.Auswahlliste_Anfangsbuchstabe,
     div.Auswahlliste_Anfangsbuchstabe_inaktiv
     {
        background: url(../../GRAFIKEN/SCHALTFLAECHEN/Auswahlliste_Anfangsbuchstabe_0.png) no-repeat;
     }

div.Auswahlliste_Anfangsbuchstabe:hover,
     div.Auswahlliste_Anfangsbuchstabe_aktiv
     {
        background: url(../../GRAFIKEN/SCHALTFLAECHEN/Auswahlliste_Anfangsbuchstabe_1.png) no-repeat;
     }

Diese CSS-Definitionen sorgen bei mir auch für die Ausgabe der Menüpunkte nach Aufrufen meiner Seite, somit
sind hier die Pfadangaben auch korrekt.

Ich verstehe es nicht, vielleicht sehe ich ja auch den Wald vor lauter Bäumen nicht mehr ;-)

Gruß
Enrico