Mit Jquery temporär css "ausschalten"

[heinzi]

Hallo.
Ich würde gerne zu Demozwecken mit Jquery das in der Seite eingebundene CSS "deaktivieren", damit man die Seite einmal ohne CSS sieht.
Ich möchte das gerne mit Jquery machen, damit ich die Seite nicht noch einmal neu laden muss.
Hat jemand eine Idee, wie ich das machen könnte?
VD Heinz

[ChrisB]

Hi,

Ich würde gerne zu Demozwecken mit Jquery das in der Seite eingebundene CSS "deaktivieren", damit man die Seite einmal ohne CSS sieht.
Ich möchte das gerne mit Jquery machen, damit ich die Seite nicht noch einmal neu laden muss.
Hat jemand eine Idee, wie ich das machen könnte?

Sowohl style als auch link haben ein disabled-Attribut.

Gegen Inline-Styles kannst du damit allerdings nichts machen, die müsstest du alle einzeln behandeln.

MfG ChrisB

[LX]

Auch das ist dank jQuery relativ einfach machbar:

$('[style]').each(function(){  
   var node = $(this);  
   node.data('style', node.attr('style')).removeAttr('style');  
});

Wie man das wieder rückgängig macht, sollte eigentlich klar sein.

Gruß, LX

[Cheatah]

Hi,

Sowohl style als auch link haben ein disabled-Attribut.

nein, aber die JavaScript-Objektrepräsentationen dieser Elemente haben eine disabled-Eigenschaft.

Cheatah

[LX]

Es sollte reichen, das type- bzw. rel-Attribut so zu ändern, dass der Browser die Ressource nicht mehr als CSS erkennt.

$('style').attr('type', 'text/nocss');  
$('link').attr('rel', 'nostylesheet');

Gruß, LX

[Gunnar Bittersmann]

@@heinzi:

nuqneH

[…] damit man die Seite einmal ohne CSS sieht. […]
Hat jemand eine Idee, wie ich das machen könnte?

Bspw. Firefox: Ansicht > Webseiten-Stil > Kein Stil

Wozu mit JavaScript etwas bauen, was in Browsern bereits drin ist?

Qapla'

[heinzi]

@@heinzi:

nuqneH

[…] damit man die Seite einmal ohne CSS sieht. […]
Hat jemand eine Idee, wie ich das machen könnte?

Bspw. Firefox: Ansicht > Webseiten-Stil > Kein Stil

Wozu mit JavaScript etwas bauen, was in Browsern bereits drin ist?

Qapla'

Ganz ehrlich: Hatte da gar nicht dran gedacht...
Aber kommt auch nicht in die Tüte, da es um ein Beispiel geht, was man mit JS machen kann und was CSS so leistet...
Trotzdem Danke, werde das Ganze wie unten beschrieben lösen.

gruß heinz