Style definition mittels Javascript ändern

Re(5): Style definition mittels Javascript ändern

RevX — Mon, 21 Jun 2004 19:09:36 GMT

1. Der Trick mit dem Workaround für verschiedene Browser ist zwar ganz nett, hiflt mir aber keineswegs mit meinem eigentlichen Problem weiter.

2. Da geht es um Stylesheet-Deklarationen nicht um die einzelnen Styles/Rules innerhalb einer Stylesheet-Deklaration. Insofern habe ich immer nur eine Stylesheet-Deklaration drinnen (somit StyleSheet[0]).

Re(4): Style definition mittels Javascript ändern

BlackLegend — Mon, 21 Jun 2004 13:00:49 GMT

1. Da bin ich wie ein Jurist, ich schleppe nicht alle meine Beispiele mit mir herum, aber ich weiss immerhin wo ich nachsehen muss und poste erst wenn ich nichts finde in einem Forum ;D.

2. Und wenn es die vierte ist, ist es StyleSheets[3] ... da wir hier ja nicht von grundlegenden Dingen wie Arrays schreiben ... ist es unnötig es zu erwähnen, bzw. hast du viele Pages auf denen du nur einen Style verwendest ?

Re: Style definition mittels Javascript ändern

Sirius — Mon, 21 Jun 2004 12:34:37 GMT

Nicht ganz genau das was du suchst, aber sie dir mal das an.

mfg

Sirius

Re(3): Style definition mittels Javascript ändern

RevX — Mon, 21 Jun 2004 11:56:53 GMT

Gut kopiert! Wenn's aber nur eine stylesheets deklaration gibt ist das ganze styleSheets[0]...

Re(2): Style definition mittels Javascript ändern

BlackLegend — Mon, 21 Jun 2004 10:40:25 GMT

MS unterstützt das Ganze mit einem Array namens rules während das W3C eigentlich für das Array cssRules vorgeschlagen hat. So ist es auch in Netscape/Mozilla implementiert. Der Internet Explorer für den Mac unterstützt beide Arrays und Opera kennt nicht einmal document.styleSheets.

Ich würde also folgenden Workaround empfehlen (ohne Opera-Unterstützung):

var theRules = new Array();
if (document.styleSheets[1].cssRules)
theRules = document.styleSheets[1].cssRules;
else if (document.styleSheets[1].rules)
theRules = document.styleSheets[1].rules;

Re: Style definition mittels Javascript ändern

MJFox — Mon, 21 Jun 2004 09:38:41 GMT

geht meines Wissens nur mit IE und auch da nicht sehr elegant... aber schau Dir das mal an:

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/addrule.asp

bzw. das:

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/removerule.asp

Style definition mittels Javascript ändern

RevX — Mon, 21 Jun 2004 09:25:45 GMT

Angenommen, ich habe folgende Definition:
[style type='text/css']
.text {font-family:Arial;font-size:8pt}
[/style]
(Anmerkung: [] sind spitze Klammern...)
Und ich möchte jetzt innerhalb einer Javascript-Funktion
die font-family für .text auf z.B. Tahoma setzen.
Wie stelle ich das programmiertechnisch an?