Announcement

**Falk Pr�fer** · 26.09.2008, 11:35

Hallo Baerchen,

das liegt nicht grunds�tzlich an AJAX, sondern eher daran das bei der einfachen Zuweisung an innerHTML eines div-Containers kein Javascript geparst wird. Soll JS dynamisch korrekt eingebunden werden, mu� im DOM ein entsprechender Script-Knoten eingef�gt werden.
Das folgende Beispiel soll dies verdeutlichen:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <title>Titel</title>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
  <meta name="description" content="" />
<script type="text/javascript">
<!--
  var dynJS = '<script type="text/javascript">alert(\'JS erfolgreich dynamisch geladen :)!\');<\/script>'

  function doVariante1()
  {
    var cont = document.getElementById('contJS');
    cont.innerHTML = dynJS;
    alert('Geladen ?');
  }

  function doVariante2()
  {
    var oHead = (document.getElementsByTagName('head'))[0];
    var newScript = document.createElement("script");
    var scriptID = 'eindeutig';
    if (document.getElementById(scriptID))
      oHead.removeChild(document.getElementById(scriptID));

    newScript.type = "text/javascript";
    newScript.id = scriptID;
    var re = /<script[^>]*>(.*)<\/script>/;
    re.exec(dynJS);
    newScript.text = RegExp.$1;
    oHead.appendChild(newScript);
    alert('Geladen ?');
  }
-->
</script>
</head>
<body>
  <p>
    <a href="javascript:doVariante1()">Variante1</a><br />
    <a href="javascript:doVariante2()">Variante2</a>
  </p>
  <div id="contJS"></div>
</body>
</html>

Variante1 stellt dabei die �bliche Vorgehensweise zur dynamischen Anzeige von HTML-Content (welcher z.B. �ber AJAX geladen wurde) in einem div-Container �ber innerHTML dar. Hierbei wird der JS-Code NICHT ausgef�hrt.

Variante2 bindet das JS �ber das DOM in den head der Seite ein. Hierbei wird der JS-Code einwandfrei ausgef�hrt.

Wenn du dynamisch Inhalt nachladen m�chtest, dann solltest du den HTML- und den JS-Teil getrennt behandeln.

Gru� Falk

**Baerchen** · 26.09.2008, 12:33

Hi Falk,

Vielen Dank f�r die schnelle Antwort.

Announcement

Problem mit Javascript-Funktionen

Problem mit Javascript-Funktionen

Comment

Comment