Stylsheet mit <noscript> einbinden

nepf · 18. Mai 2010

Für Browser ohne Javascript möchte ich ein eigenes Stysheet einbinden.

Meine Idee funktioniert, ist aber leider nicht valide:

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
kann mir jemand einen Tipp geben, wie das richtig geht?

Ammaletu · 18. Mai 2010

Also eine Variante ist diese: http://www.tutorials.de/forum/html/252863-style-im-noscript-tag-nicht-valide.html

Das heißt, Du lädst erst einmal die Ohne-JS-Datei und überschreibst sie für alle JS-Nutzer mit einer anderen Datei. Zum einen müssen dann aber alle die Ohne-JS-Datei mitladen und zum anderen müssen die Dateien so aufgebaut sein, dass aus der Ohne-Datei alles in der zweiten Datei überschrieben wird.

Und wie hier (http://stackoverflow.com/questions/218162/embedding-extra-styles-with-noscript) steht, ist noscript im Header in HTML5 erlaubt, vielleicht wäre das ja eine Lösung? Verstehen tun die Browser es ja wohl sowieso, nehme ich an!?

nepf · 18. Mai 2010

Vielen Dank für die Links mit

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
funktioniert es perfekt.

Wen es interessiert:
Ich habe einen <div> der über dem ganzen content liegt und per JS mit mouseover ausgeblendet wird (so eine Art Intro).
Damit die Leute ohne JS an den content kommen, habe ich den <div> in der allgemeinen css mit display:none; erst mal ausgeblendet. Mit der über obigen code eingebundenen style-js.css überschreibe ich nur diesen einzigen <div> mit display: block;
So haben alle mit JS den netten Effekt, die anderen sind gleich auf dem content.

WPDE.org

Stylsheet mit <noscript> einbinden

nepf Well-Known Member

Ammaletu Well-Known Member
Ehrenmitglied

nepf Well-Known Member

Nützliche Suchen

Stylsheet mit <noscript> einbinden

nepf Well-Known Member

Ammaletu Well-Known Member Ehrenmitglied

nepf Well-Known Member

Ammaletu Well-Known Member
Ehrenmitglied