Datenschutzerklärung

LI-Elementen anhand von JavaScript eine Klasse zuweisen

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

LI-Elementen anhand von JavaScript eine Klasse zuweisen

  Beitrag schreiben
Autor
Beitrag Seiten: 1
bacmoe
Mitglied

Registriert: 17.05.2007
Beiträge: 2
Hallo Zusammen,

ich bin neu hier und wollte kurz etwas nachfragen, da ich nicht so der JavaScript-Gott bin ;-)

Ich habe folgendes Problem:
Ich bin gerade dabei mir in eine dynamisch erzeugte Liste (WebCMS) unterschiedlich zu formatieren. Alle ungeraden Listeneinträge (1, 3, 5, etc.) sollten einen bestimmten Style bekommen (Klasse black) und alle geraden Listeneinträge (2, 4, 6, etc.) sollen einen anderen Style (Klasse blue) bekommen.

Wie bekomme ich es mit JavaScript hin eine Variable mit der Styleangane für gerade und ungerade Listeneinträgen zu definieren.

Ich sag euch in Pseudo Code mal in etwa, wie ich das haben möchte:

Variable gleich leer
Wenn Listeneintrag (LI) gleich ungerade (Modulo 2 Rest 1)
-> Dann schreibe in die Variable class="black"
Wenn Listeneintrag (LI) gleich gerade (Modulo 2 Rest 0)
-> Dann schreibe in die Variable class="blue"

Wärer euch für jegliche Hilfe dankbar....

Grüsse
Bacmoe


17.05.2007 17:27:42
  Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Hallo.
nix ist leichter wie das ;-))

// i ist der li-Counter
var variable = (i % 2) ? "black" : "blue";


_______________________________________
mfg
Thomas Mell

www.validome.org

17.05.2007 19:15:30
  Zitieren
bacmoe
Mitglied

Registriert: 17.05.2007
Beiträge: 2
Hallo,

danke für die Lösung ;-))

Das Problem ist, dass ich noch keine generierten Listen habe, da es sich um das Template innerhalb des WCMS handelt. Das WCMS hat eine Repeat Funktion, welches für alle Objekte einen Listeneintrag generiert. Hierbei zählt er genau einmal und das ganze ist dann je nachdem mit black oder mit blue formatiert.....verzwickte sache....

Trotzdem vielen Dank....


17.05.2007 20:41:30
  Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01