CSS dynamisch verändern

[Daniel]

Hi,

ich habe ein Problem ... :D ... ich würde gerne über ein onclick event, die werte von meinen css angaben verändern, d.h. ich möchte mit einem schlag alle elemente ansprechen, z.b. ALLE table hintergrundfarben verändern!

Hoffe man versteht was ich meine und kann mir helfen, möglichst eine einfache Lösung : )

mfg Daniel

[nag]

hi,

dein endgültiges ziel ist aber nicht, dass du deinen besuchern verschiedene layouts anbieten willst , oder?

mfg NAG

[Daniel]

hi,

dein endgültiges ziel ist aber nicht, dass du deinen besuchern verschiedene layouts anbieten willst , oder?

mfg NAG

hmm doch .. so schlimm :> ?

[nag]

hi

hab ich mir doch fast gedacht.

• dafür ist ein stylswitcher geeigneter.
• du schreibst einfach verschiedene css-dateien für verschiedene layouts

zu diesem thema gibt es zahlreiche seiten im netz (brauchst nur nach "styleswitcher" googln)

hier ein beispiel:

http://css.fractatulum.net/sample/wechsel.htm

mfg NAG

[Daniel]

Perfekt! Danke! :)

Auch an Utz ... Danke für die Mühe :)

[Utz]

Hallo Daniel,

ich habe ein Problem ... :D ... ich würde gerne über ein onclick event, die werte von meinen css angaben verändern, d.h. ich möchte mit einem schlag alle elemente ansprechen, z.b. ALLE table hintergrundfarben verändern!

getElementsByTagName() ist Dein Freund; damit kriegst Du z.B. alle td-Elemente in eine Collection, die Du durchiterieren und damit bei jedem Element die Style-Angaben verändern kannst.

Beispiel (nicht getestet):

tablecell = document.getElementsByTagName('td');
laenge = tablecell.length;
for (i=0;i<laenge;i++)
  {
  tablecell.item(i).style.backgroundColor = '#990000';
  }

Grüße,

Utz