Aktuell arbeiten wir an einem “Snippet”- System für unser CMS “Self!Service lite”. Damit wird es möglich sein, kleinere Funktionen und Darstellungen direkt über das CMS in den Inhaltsbereich zu laden. Dies werden vor allem div. Media- Player u.ä. sein, aber auch einige Darstellungsänderungen per Javascript und jQuery sind in Planung.
Und da werden auch oft passende CSS- Anweisungen benötigt. Hierbei den Administrator zu nötigen, diese manuell im Head der Datei zu verlinken wollten wir vermeiden. Also auch per Javascript nachladen, nur wie?
Nach einigen Versuchen war die Lösung gefunden, so einfach wie unspektakulär:
$.get("style.css", function(css) {
$("head").append("<style type='text/css'>"+css+"</style>");
});
Der Inhalt der “style.css” wird hiermit in den “Head” des HTML- Dokumentes geschrieben und ist, je nach zeitlicher Abfolge verfügbar.
Und wieder einmal: die einfachen Dinge sind oft so einfach ;-)
