styles mit java löschen von Gunnar Bittersmann, 11.12.2007 03:16

SELF-Forum

styles mit java löschen

Hello out there!

Coding: CSS-Regeln (& Stylesheets) auslesen & ändern.

Damit schießt du – wie in den meisten Fällen – wieder mit deiner Kanone auf Spatzen.

Es geht weitaus einfacher:

Mit JavaScript verpasst man dem 'body' die Klassenzugehörigkeit "JavaScript_aktiv":

window.onload = function ()  
{  
  body.className = "JavaScript_aktiv";  
};

(oder quick and dirty im HTML:
<body onload="[code lang=javascript]this.className = 'JavaScript_aktiv';">[/code])

Die bei aktivem JavaScript anderen Regeln notiert man einfach mit im Stylesheet, der Nachfahrenselektor ist ein Freund:

foo  
{  
  bar: baz;  
}  
  
body.JavaScript_aktiv foo  
{  
  bar: quz;  
}

Durch die höhere Spezifität des Selektors 'body.JavaScript_aktiv foo' hat die Eigenschaft 'bar' bei aktiviertem JavaScript den Wert "quz".

Ohne JavaScript hat 'body' nicht die Klasse "JavaScript_aktiv"; der Selektor passt also nicht, die Eigenschaft 'bar' hat den Wert "baz".

See ya up the road,
Gunnar

--
„Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)