Ein Artikel von Paul Lunow, erschienen 2009 auf Interaktionsdesigner.de.

Zuletzt überarbeitet am von : .

Denkst Du darüber nach zu gründen? Eine Familie oder ein Startup oder beides? In der zweiten Staffel meines Podcasts spreche ich mit tollen Menschen genau darüber. Lass Dich inspirieren und abonniere meinen Podcast: Auf Apple Podcast, Spotify und auf www.gründerväter.net.

Warum

Mit TYPO3 ist es ein leichtes per zustätzlichem Parameter nur die_print.css _anzeigen zu lassen. Fertig ist die Vorschau. Was aber wenn man dynamisch nachgeladene Inhalte ausdrucken möchte? Bzw. erstmal in der Druckansicht sehen? Dann wären eine ganze Menge mehr zusätzlicher Parameter notwendig.

Nachladen!

Deshalb wird eine vorbereitete Datei einfach per jQuery nachgeladen. Wer jetzt ein langes und kompliziertes Script erwartet wird leider enttäuscht.

$("#getcss").click(function() {
    $.get("new-style.css", function(css) {
        $("head").append("<style>"+css+"</style>");
        $("#getcss").fadeOut();
    });
});

Per $.get wird mit Ajax eine beliebige Datei geladen und der Inhalt der angehängten Funktion als Parameter übergeben. Mit der Funktion append() wird dem angesprochenen Element ($(“head”)) zustätzliches HTML hinzugefügt. In diesem Fall schlicht und einfach ein <style> Tag welches die ausgelesen Inhalte beinhaltet.

Fertig!

Mit $(“#getcss”).fadeOut() wird der Button noch ausgeblendet damit die fleißigen Klicker nicht zweimal auf den Knopf klicken. Ich liebe jQuery! PS: JavaScript Dateien lädt man mit der Funktion $.getScript(“new-script.js”) nach.