Eine vorbereitete Datei einfach per jQuery nachgeladen. Ein langes und kompliziertes Script wird uns erspart.
$("#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.


