Background vom Li-Menü ändern mit JS

[droom]

Ich generiere mein Menü so:

<li style="font-weight: bold;"><a href="index.php?kat=1" onClick="phpcontroller('show','1');return false" tabindex="1">Kategorie 1</a></li>
<li style="font-weight: bold;"><a href="index.php?kat=2" onClick="phpcontroller('show','2');return false" tabindex="1">Kategorie 2</a></li>

Wenn man nun auf einem Link klickt, soll diese dementsprechend markiert werden. Man kann im style von li noch ein attribut "background:#aac;" einfügen.
Da aber das Menü mit javascript ist, lässt sich nicht die Möglichkeit herauszufinden, wo man grad ist.
Wie könnte ich mein Problem lösen?

[JürgenB]

Hallo droom,

mach dich mal mit der Bedeutung von "this" beim onclick vertraut. "this.parent" könnte auch hilfreich sein. Evtl. wäre auch eine Lösung ohne Javascript mittels css und einem der Pseudoformate möglich.

Gruß, Jürgen

[droom]

Die Lösung ohne JS würde mich sehr interessieren, da ich mich gar nicht mit this und co kenne.
Gibt es denn n Artikel im Netz? oder haste n Beispiel parat für mich?

[JürgenB]

Hallo droom,

Die Lösung ohne JS würde mich sehr interessieren, da ich mich gar nicht mit this und co kenne.

this zeigt beim onclick auf das aktuelle Element. Versuch mal folgendes:

function tuwas(ele) {
  alert(ele.id+"\n"+ele.parentNode.id);
}

<p id="p-Element"><a id="a-Element" href="#" onclick="tuwas(this);return false">Klick mich</a></p>

Mit parent habe ich mich vertan, es muss parentNode heißen.

Gibt es denn n Artikel im Netz? oder haste n Beispiel parat für mich?

http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm

sowie die Seiten über Javascript und da speziell die Seiten über das Verändern der css-Eigenschaften mittels Javascript:
http://de.selfhtml.org/javascript/objekte/style.htm

Gruß, Jürgen

[droom]

Super vielen dank Jürgen ^^