Kommentare zu: Javascript nachladen und ausführen via DocumentRange

Von: Stempel Profi

Stempel Profi — Mon, 07 Nov 2011 10:30:41 +0000

Vielen Dank für den Artikel, da ich vor dem Problem stand, dass ich einige Javascript- und CSS-Files dynamisch nachladen mußte, hab ich das für beide Fälle nach dem obigen Schema gelöst. Zusätzlich habe ich eine Funktion eingebaut, die mehrere Dateien mit einem Aufruf laden kann, egal ob Javascript oder Stylesheet.

Wer so etwas gebrauchen kann, kann sich mein Script auch gern unter stempelprofi.de/files/js-css-loader.zip herunterladen.

Andreas

Von: Michael Kalo

Michael Kalo — Tue, 30 Aug 2011 14:29:34 +0000

ok…wichtige Code Parts fehlen, wegen Verhinderung von Script Injection….

Von: Michael Kalo

Michael Kalo — Tue, 30 Aug 2011 14:27:37 +0000

Ein weiterer Ansatz könnte dieser Code sein:

function setContent()
{
if (XMLHTTP.readyState == 4) {
var Content = document.getElementById(‘contentContainer’);
Content.innerHTML = “”;
Content.innerHTML += XMLHTTP.responseText;
//JavaScript Code, der normalerweise beim Seitenaufbau ausgeführt wird, wird in innerHTML nicht ausgeführt. Lösung:
executeEmbeddedJavaScript(Content.innerHTML);

}
}

//————————————————————————-

//Findet alle Javascripte im HTML und führt sie in der gefundenen Reihenfolge von oben nach unten aus.
function executeEmbeddedJavaScript(html)
{
if ((html !=null) && (html.length > 0))
{
var RegEx_ScriptBeginn = /]*>/ig;
var RegEx_ScriptEnde = //ig;

//Findet die erste Stelle im HTML, die mit “” beginnt = Skriptbeginn
var Script_Beginn = html.search(RegEx_ScriptBeginn);
//Findet die erste Stelle im HTML, die mit “” beginnt = Skriptende
var Script_Ende = html.search(RegEx_ScriptEnde);

while ((Script_Beginn >= 0) && (Script_Ende > Script_Beginn)) {

try {
var JavaScriptCode = html.slice(Script_Beginn, Script_Ende).replace(/]*>/ig, “”);
//Führe den JS Code aus
try {window.eval(JavaScriptCode);}catch (ex) {}
//Extrahiere den bereits abgearbeiteten Codeteil aus dem Ausgangs-HTML
html = html.slice(Script_Ende + “”.length)
//Findet die erste Stelle im verbliebenen HTML, die mit “” beginnt = Skriptbeginn
var Script_Beginn = html.search(RegEx_ScriptBeginn);
//Findet die erste Stelle im verbliebenen HTML, die mit “” beginnt = Skriptende
var Script_Ende = html.search(RegEx_ScriptEnde);
}
catch (ex) {}
}
}
}

Von: Olli

Olli — Mon, 02 May 2011 21:39:12 +0000

Super Tip, danach habe ich stundenlang gesucht
Danke!

Von: Samuel

Samuel — Fri, 13 Aug 2010 07:04:27 +0000

Funktioniert leider nicht im Internet Explorer 8. Hab auch die Erweiterung von Philip Preißer benutzt. Im Mozilla funktioniert es aber einwandfrei.
Danke

Von: Felix

Felix — Fri, 02 Jul 2010 07:43:28 +0000

Vielen Dank für das Code-Snippet, genau das hat mein Problem gelöst.
Ich habe den Code von Philip Preißer genommen, der ursprüngliche enthält wie erwähnt Fehler.

Von: Philip Preißer

Philip Preißer — Tue, 06 Apr 2010 22:52:33 +0000

im oberen Beispiel waren einige Fehler
(oder eventuell sollten das nur Stichpunkte sein)
jedenfalls habe ich daraus mal 2 Funktionen gemacht:

function id_add(id, text){
var div = document.createElement(“div”);
div.innerHTML = text;
var docFrag = document.createDocumentFragment();
while(div.firstChild)
docFrag.appendChild(div.firstChild);
document.getElementById(id).appendChild(docFrag);
}

function id_clear(id){
while(document.getElementById(id).firstChild){
var contentNode = document.getElementById(id);
contentNode.removeChild(contentNode.firstChild);
}
}

Von: Helge

Helge — Tue, 24 Feb 2009 14:36:49 +0000

Vielen Dank für diese Lösung! Habe ein ähnliches Problem und ewig versucht einen Workaround zu bauen.