nicht angemeldet
hallo,
ich versuche eine javascript api aufzubauen, welche auf mobile geräte zugeschnitten ist, was bedeutet es soll den datentransfer minimieren, performance steigern, und auch im offline modus funktionieren. die api ist eigentlich mehr oder wehniger fertig, nur fehlt nur noch eine sache: es wäre sinnlos im head einen <link...> tag einzusetzen welcher auf eine css datei zeigt, da diese bei bestehender verbindung vom server geladen werden sollen, und bei keiner verbindung aus der lokalen datenbank. also muss die css datei schon mal über eine von mir gebaute funktion geladen werden, welche genau das übernimmt. so nun (endlich) mein problem: ich sitze nun fest mit dem inhalt der css datei, nur schaffe ich es nicht diese einzufügen, und die schritt für schritt zerlegung wäre nicht effizient genug.
var styles_to_insert = "...";
var myStyle = document.createElement("link");
//geht auch nicht mit createElement("style");....
myStyle.setAttribute("rel", "stylesheet");
myStyle.setAttribute("type" , "text/css");
myStyle.setAttribute("media","all");
myStyle = document.getElementsByTagName("head")[0].appendChild(myStyle);
//problem: es kann immer nur ein selector{prop} eingefügt werden
myStyle.insertRule(styles_to_insert,0);
//funtioniert überhaupt nicht habe auch schon mit innerHTML und innerText und create textnode probiert
myStyle.cssText = styles_to_insert;
hat jemand eine idee wie man das lösen kann?
grüße aus Italien
Georg
wurzelbert
Der Martin