Hallo!

Gibt es eine Möglichkeit nach der Änderung eines Stylesheets ein Javascript Funktion aufzurufen?
(Ich habe mit <link> ein "stylesheet" und ein "alternate stylesheet" definiert.)

Gruß
Sven

Auch beim 3. lesen versteh ich die Frage nicht...

__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4

Also:

Ich habe zwei <link> Angaben:
<link rel="stylesheet" title="Standard" href="css/default.css" type="text/css" media="screen" />
<link rel="alternate stylesheet" title="Style1" href="css/style1.css" type="text/css" media="screen" />

Darüber definiere ich zwei unterschiedliche Stylesheets für die gleiche Seite, zwischen welchen ich wählen kann (im Firefox z.B. mit Ansicht->Webseite Stil).

Nun würde ich gerne, wenn der Benutzer den Style ändern, eine Javascript-Funktion ausführen. Beim Laden der Seite geht dies ja mit "onload", gibt es etwas ähnliches beim Wechseln des Stylesheets, oder kennt jemand einen Trick/Hack, der ähnliches tut?

(Ich hoffe dies ist jetzt klarer...)

Klarer ist es, aber ich kann mir nicht vorstellen das der Browser irgend eine Info an die Seite schickt das er das Stylesheet gewächselt hat.

__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4

Falls du einen Style-Switcher bauen willst, schau dir mal das an: Cascading Style Sheets { Artikel : Einfacher Style-Sheet-Wechsler }

Hierbei vielleicht auch für dich interessant: Da das "aktive" Style per Cookie gespeichert werden soll, musste auch herausgefunden werden, welches vom User gewählte Style-Sheet ist. Ist zwar nicht ganz das, was du brauchst, aber evtl. hilft es dir.

Danke, aber einen "Style-Switcher" hab' ich schon. Und dort kann ich natürlich auch meinen Aufruf unterbringen...
Aber, da der Stil auch über das Menü (zumindest des Firefox) geändert werden kann, hätte ich dies auch gerne noch abgefangen!

Du kannst mit getComputedStyle den aktuellen "berechneten" Style auslesen. Auf JavaScript - Get Styles findest du hierzu ein crossbrowser-taugliches Script. Zusammen mit setInterval, kannst du dir dein eigenes event basteln. Bitte beachte, dabei dass der User auch selber ohne deine Stile zu nutzen einen eigenen Stil nutzen könnte. Und da du das im interval läuft, sollte es auch inreichend performant sein.

Da solltest Du ansetzen, denn ...

... IMHO ist die Umschaltung via Menü ohnehin halbgar und leider haben die Browser mit KHTML-Engine ggf. einen Bug und können mit Alternativen Sheets eh nicht umgehen.

Also lieber eine rein eigenes StyleSheet-Menü, wechseln der Stile über das HREF-Attribut des (normalen) LINK-Elements für das externe Sheet und gut ist.

__________________
Gruß, Cybaer

Er hat doch schon einen Styleswitcher mit dem buggy Browser umgehen können. Das Alternate Stylesheet ist ein Standard des W3C. Es mit der Begründung nicht zu verwenden, weil einige Browser damit nix anfangen können, halte ich in dem Zusammenhang für unhaltbar.

@Sven-A

Was mir noch eingefallen ist: Aktive Stylesheets haben die DOM-Eigenschaft disabled =(==) flase / Inaktive dagegen diabeld =(==) true. Hiermit kannst du sehr einfach abfragen, welches Stylesheet aktiv ist. siehe hierzu: A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets

Hat er? Ich denke, er hat den Styleswitcher nur nicht auf hinreichend genug Browsern getestet.

Deine Meinung - ich habe eine andere.

Ein Standard, der fehlerhaft unterstützt wird, ist schöne Theorie, Websites sind i.A. hingegen für die Praxis bestimmt.

BTW: Es gibt auch hinreichend standardisierte Elemente, die von überhaupt keinem Browser unterstützt werden. Mitunter definiert man dann halt einfach einen neuen Standard, wo diese Dinge dann schlicht fehlen (wie z.B. geschehen mit CSS 2.0->2.1).

Wichtig ist halt immer, was hinten rauskommt!


Ja, und genau hier schlägt der Bug in Konqueror- und Safari-Browsern zu! Änderungen in disabled haben null Wirkung und alternative Stylesheets werden so gesehen, als wenn es reguläre wären. Das ist halt der Weg, über den alternative Stylesheets vom Browser behandelt werden - wenn er es denn kann.

Der Artikel geht leider, wie viele andere Veröffentlichungen halt auch, von der Theorie aus. Oft werden auch nur IE & FF beachtet (und ggf. mit Workarounds bedacht), während die anderen zahlreichen Browser ignoriert werden.

In diesem Fall jedoch ist es, wie gesagt, IMHO ohnehin müßig: Das "alternative Stylesheet"-Gehabe ist IMHO unbrauchbar in die Browser implementiert (sofern überhaupt), da nicht praxisgerecht. Man kommt hier in der Praxis ohnehin um JS nicht herum, da u.a. die Einstellung nicht von einem Dokument aufs nächste übertragen wird. Und da man praktischerweise um JS eh nicht herumkommt, kann man es dann auch gleich so implementieren, daß es auf allen Browsern funktioniert. So what?

__________________
Gruß, Cybaer