JavaScript interpretieren nach Ajax Request

[hartkrass]

Hallo Leute,

von meiner index.php aus lade ich mittels Ajax neuen Code in ein spezielles DIV. Dieser Code enthält ein Formular (in html) und zusätzlich noch einen <script type='text/javascript'>....
</script> mit diversen Funktionen
Ich kann die Funktionen nicht direkt in die index.php einbinden, da POST-Werte ins JS dynamisch eingefügt werden.

Mein Formular wird angezeigt. Leider wird mir beim Abschicken des Formulars (da soll eine JS-Funktion aufgerufen werden) angezeigt, dass diese FKT nicht existiert. Es scheint, als würde der neue Script-Code nicht beachtet werden.

Wie erreiche ich, dass meine index.php nun schnallt, dass im Ajax Request neue Funktionen stehen???

letztlich geht es drum, dass im AJAXRequest steht:

<script type='text/javascript'>
function pruefeFormular() {
//Hier wird überprüft
}
</script>
<form>
//Hier erscheint mein Formular
<input type='button' onclick='pruefeFormular()' />
</form>

Wenn der kram nachher in die index.php an entsprechende stelle gepackt wird und ich dann auf den Button klicke --> undefined function pruefeFormular

Wenn ich das ganze Script ohne AJAX Request teste, also statisch mache funktioniert übrigens alles wunderbar....

Grüße und vielen Dank schonmal vorab

[tsseh]

http://forum.jswelt.de/javascript/44...tml#post281287 (javascript per ajax laden und ausführen)

[hartkrass]

Hallo,
Danke erstmal für den Querlink, hab das versucht nachzuvollziehen...
hilft mir leider gerade nicht weiter, da ich für den Ajax folgendes verwende:

		function update_taskbar() {
			var myAjax =	new Ajax.Request(
							"actions/update_taskbar.php",
							{
								method: 'post',
								parameters: "browser_width=" + browser_width(),
								onComplete: show_tasks }
			);
		}

		function show_tasks( originalRequest ) {
		   document.getElementById('tasks').innerHTML = originalRequest.responseText;
		}

irgendwie steige ich durch die Lösung dort nicht durch.... da ist das ja anscheinend mit onreadystate... gelöst

mit dem eval hab ich es auch probiert, hat aber leider nicht gefunzt, weil er natürlich im JAVA den HTML-Code nicht auswerten kann....

[tsseh]

mein link bezog sich auch auf das eval. du mußt dann natürlich code und html trennen. nur gibt es (nach der trennung dann sowieso) eigentlich keinen grund wirklich code nachzuladen.

[Albu]

Mein Formular wird angezeigt. Leider wird mir beim Abschicken des Formulars (da soll eine JS-Funktion aufgerufen werden) angezeigt, dass diese FKT nicht existiert. Es scheint, als würde der neue Script-Code nicht beachtet werden.

Wie erreiche ich, dass meine index.php nun schnallt, dass im Ajax Request neue Funktionen stehen???

Ich stelle mal wieder meine ketzerische Frage: Warum muss der Code nachgeladen werden? Wieso kann Dein Ursprungs-Code nicht den neuen Code bereits kennen / bereits geladen haben, so dass Du lediglich die Daten per Ajax holst?
Anders formuliert: Was ist an Deinem neuen Script-Code so anders, so "neu", dass er überhaupt nachgeladen werden muss und nicht schon von vorneherein vorhanden sein kann?

[hartkrass]

Berechtigte Frage auf die ich nur antworten kann ja der Code muss dynamisch neu geladen werden aus dem einfachen Grund, dass eine "desktop-Anwendung" entstehen soll in der natürlich n Fenster geöffnet sein können mit teilweise gleichen Ursprungs-Funktionen (Suchmaske etc.), die aber mit unterschiedlichen Values gefüllt sind.... also alles ein bissel komplexer, deshalb hab ich auch nicht den Quellcode gepostet, bis man da durch wäre würde es ordentlich dauern.

Zur eval-Methode ich hab mir meine JS-Dinge nun vom HTML getrennt, nun hab ich das Problem, dass ich den Ajax Request und die Auswertung selbst in ner Funktion mache, demzufolge, wenn ich dort den eval mit dem JS-Zeug starte werden meine neuen Funktionen ja innerhalb einer anderen Funktion definiert und sind folglich nicht aufzurufen. Gibt es etwas in der Art von Sprungmarken oder eine Möglichkeit, dass ich den eval dann außerhalb einer Funktion starten kann? So dass eine meiner Funktionen am Ende sagt: so jetzt spring mal in Zeile n und führe den eval aus...

[tsseh]

http://forum.jswelt.de/javascript/44...tml#post282220 (Mit Javascript-Funktion eine weitere Funktion einfuegen und diese dann ausfuehren???)
EDIT: ich meine hier self.functionname=function(){...} (oder window)

[hartkrass]

Fetten Dank euch für die Mühe, jetzt geht es!!!

Also hier nochmal die Lösung in Kurzform:

		function show_desktop( originalRequest ) {
/*Zerlegen des emfangenen Strings in JAVA und HTML-Teil*/
			var responsed_JAVA = "";
			var responsed_HTML = "";
			var responsed_length = originalRequest.responseText.length;
			responsed_JAVA_beg_arr = new Array();
			responsed_JAVA_end_arr = new Array();
			var arr_counter = 0;
			var start = 0;
			while (start < responsed_length) {
				if(originalRequest.responseText.substr(start,7) == "<script"){
					while(originalRequest.responseText.substr(start,1) != ">") {
						start++;
					}
					start++;
					responsed_JAVA_beg_arr[arr_counter] = start;
				}
				if(originalRequest.responseText.substr(start,8) == "</script"){
					responsed_JAVA_end_arr[arr_counter] = start;
					arr_counter++;
				}
				start++;
			}
			start = 0;
			for(i = 0; i < arr_counter ; i++) {
				responsed_JAVA += originalRequest.responseText.substring(responsed_JAVA_beg_arr[i],responsed_JAVA_end_arr[i]);
				responsed_HTML += originalRequest.responseText.substring(start,responsed_JAVA_beg_arr[i]);
				start = responsed_JAVA_end_arr[i];
			}

			responsed_HTML += originalRequest.responseText.substring(start,responsed_length);
/*Java wird ausgewertet (<script></script> wurden oben beim Zerlegen schon weggehauen*/
			eval(responsed_JAVA);
/*Hier wird das Formular in den main-Bereich geknallt */
			document.getElementById('main').innerHTML = responsed_HTML;
		}

Das mache ich in der index.php
nun ist wichtig, dass Funktionen, die im Request stehen folgendermaßen definiert wurden (also in der Datei, die mittels Ajax geladen wird):

self.Funktionsname = function (Parameter_1,...,Parameter_n) { Anweisung1; };

Semikolon am Ende nicht vergessen!

Grüße

[tsseh]

<html>
  <head>
    <title>Test</title>
    <script type="text/javascript">
      function xxx()
      {
        eval("self.yyy = function() { alert('zzz'); };");
      }
      xxx();
    </script> 
  </head>
  <body>
    <script type="text/javascript">
      yyy();
    </script> 
  </body>
</html>

edit: das war als ergänzung zu meinem vorherigen Post gedacht.