jak uruchomić javascrypt po przeslaniu kodu w AJAX ?, Run JavaScript after AJAX load Opcje

[kojocik76]

Witam,
Przejrzałem kilka wątków w tym temacie ale nic sensownego nie znalazłem, może ktoś z grupowiczów mi pomoże .... ?

Otóż mam taki problem:
1.skrypt.php który generuje mi kod html+javascript - działa wywołany bezpośrednio
np.

[PHP] pobierz, plaintext 
echo 'kod html';
echo '<script>kod javascript </script>';
echo 'kod html';
[PHP] pobierz, plaintext 

2. natomiast jeśli przepuszczam go przez AJAX - już nie !

[HTML] pobierz, plaintext 
<script>
...
       object.open("POST", "skrypt.php",true);
....
 if (object.readyState == 4 && object.status == 200) {
				obj_div.innerHTML= object.responseText;
 
/*
//use eval
var ob = obj_div.getElementsByTagName("script");
for(var i=0; i<ob.length-1; i++){
    if(ob[i+1].text!=null) eval(ob[i+1].text);
}
*/
 
}
 
</script>
 
....
<div id="obj_div">
 
</div>
...
[HTML] pobierz, plaintext 

3. jesli w pliku skrypt.php mam np. <script> alert('tekst'); </script> - to eval działa, ale jesli np chciałbym już coś wyświetlić w odpowiednim miejscu kodu html generowanego w tym skrypcie to już nie daje rady (IMG:style_emoticons/default/sad.gif)

Czy ktoś z szanownych grupowiczów przyjdzie mi z pomocą ? Może jest jakaś inna ścieżka na rozwiązanie tego problemu ? POMOCY !

pozdr,
AdamP

[nospor]

Jakbyś użył jQuery to byś nie miał problemu (IMG:style_emoticons/default/smile.gif)
jQuery z automatu przetwarza kod js

[croc]

Ajax służy do pobierania danych, a nie do pobierania kodu JS. Oczywiście, można i tak, ale to nie jest najlepszy pomysł. Napisz co chcesz osiągnąć - na pewno można to zrobić w lepszy (bezpieczny) sposób.

[kojocik76]

Dzięki wielkie za szybką odpowiedź (IMG:style_emoticons/default/smile.gif)

Przerobiłem kod do jQuery - fakt, szybko, miło i sprawnie ...niestety utknąłem w tym samym miejscu. A o to przykład: (później opiszę do czego mi to potrzebne, być może faktycznie powinienem isć inną drogą rozumowania?)

1. plik z ajaxem:

[PHP] pobierz, plaintext 
<script type="text/javascript" src="calendar.js"></script>
</head>
....
function formget1(url, divobj, form)
{
	var parameters = pobierzWartForm(form);
	jQuery.ajax({
		type: "POST",
		url: url,
		dataType: 'html',
		data: parameters,
		success: function(html_out) {
		$('#div1').html(html_out);
		}
	});
}
......
 
echo '<div id="div1">
<form name="form1" id="form1" action="1.php" method="post" >
 
<select name="s1" id="s1" onchange="formget1(\'2.php\',\'div1\',\'form1\');" style="width:160;">
<option value="0" selected="selected">aaaa</option>
<option value="2" >bbbb</option>
</select>
<script>
	DateInput("k15", true, "YYYY-MM-DD", "2010-06-25");
</script>
<input type=submit tabindex="102" value="test" name="submit">
</form>';
[PHP] pobierz, plaintext 

oraz kod z pliku wywoływanego przez jQuery (ajax) ....(akurat w tym przypadku echo z pierwszego i drugiego pliku niczym się nie różni ale w założeniu ma być i to znacznie)

[PHP] pobierz, plaintext 
 
echo '<div id="div1">
<form name="form1" id="form1" action="1.php" method="post" >
 
<select name="s1" id="s1" onchange="formget1(\'2.php\',\'div1\',\'form1\');" style="width:160;">
<option value="0" selected="selected">aaaa</option>
<option value="2" >bbbb</option>
</select>
<script>
	DateInput("k15", true, "YYYY-MM-DD", "2010-06-25");
</script>
<input type=submit tabindex="102" value="test" name="submit">
</form>';
 
[PHP] pobierz, plaintext 

OK.
to był przykład który jeśli by mi zadziałał byłbym już w domu. A teraz pokrótce opiszę co chciałbym uzyskać.
Otóż mój kod php generuje formularz na podstawie konfiguracji zapisanej w bazie.Kilka typów kontrolek może wywoływać podscenariusze formularza głównego w zależności od konfiguracji i aktualnych danych. Efekt docelowy który chcę/muszę uzyskać to aby po zmianie wartości kontrolki x odrysować nowy formularz wraz z podscenariuszem wywołanym przez tą kontrolkę bez odświeżania strony.Czyli plik php wywolany przez ajax'a ma za zadanie stworzyć nową wersję scenariusza wysyłając echo 'kod html';. Wszystko działa pięknie jeśli mam standardowe kontrolki, ele wykorzystuję w formularzu dwie dodatkowe (gotowce javascript), które po przeładowaniu przez ajax już nie działają (IMG:style_emoticons/default/sad.gif) . przykład powyżej.
Problem pokrótce wygląda tak. Czy jest na to jakieś sensowne rozwiązanie (IMG:style_emoticons/default/questionmark.gif) ?

pozdr,
AdamP

[nospor]

1) do diva o id div1 wgrywasz ajaxem znowu diva o id div1. W efekcie koncowym masz dwa divy o id div1 jeden w drugim
2) nie <script> a <script type="text/javascript">
3) trudno mi coś wiecej powiedziec, mi tam takie cos zawsze dziala
4) masz to gdzies wystawione? Mozemy obejrzec to w dzialaniu?
5) zainstaluj sobie FireBug'a dla FireFox - bardzo pomaga przy takich sprawach

[kojocik76]

Co do pkt 1. i 2. to faktycznie, jest jak mówisz. mój błąd co nie zmienia faktu że mi nie działa.

Dopiero dziś mogłem wystawić przykład. Możecie to podejrzeć na http://www.czg.pl/ajax/1.php
Oba comboboxy wywołują akcję ajaxa. plik 2.php daje takie samo echo form1. efekt można zobaczyć.

1.php

[PHP] pobierz, plaintext 
 
<html>
<head>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="jquery-1.4.2.js"></script> 
</head>
<body>
 
<script type="text/javascript">
// tworzymy zmienna
 
function formget1(url, divobj, form)
{
	var parameters = getFormValues(form);
	jQuery.ajax({
		type: "POST",
		url: url,
		dataType: 'html',
		data: parameters,
		success: function(html_out) {
		$('#div1').html(html_out);
		}
	});
}
 
function  getFormValues(form)
{
	var str = "";
	var fobj = document.getElementById(form);
	var valueArr = null;
	var val = "";
	var cmd = "";
	for(var i = 0;i < fobj.elements.length;i++) {
		switch(fobj.elements[i].type) {
		case "text":
			str += fobj.elements[i].name +
			"=" + escape(fobj.elements[i].value) + "&";
			break;
		case "textarea":
			str += fobj.elements[i].name +
			"=" + escape(fobj.elements[i].value) + "&";
			break;
		case "select-one":
			str += fobj.elements[i].name +
			"=" + fobj.elements[i].options[fobj.elements[i].selectedIndex].value + "&";
			break;
		case "radio":
			if (fobj.elements[i].checked) {
				str += fobj.elements[i].name +
				"=" + fobj.elements[i].value + "&";
			}
			break; 
		case "checkbox":
			if (fobj.elements[i].checked) {
				str += fobj.elements[i].name + "=1&";
			} else {
				str += fobj.elements[i].name + "=0&";
			}
			break;
		}
//str += fobj.elements[i].name +
	//		"=" + fobj.elements[i].type + "&";
 
	}
	str = str.substr(0,(str.length - 1));
	return str;
}
 
</script>
 
<?php
 
echo '<div id="div1">
<form name="form1" id="form1" action="1.php" method="post" >
 
<select name="s1" id="s1" onchange="formget1(\'2.php\',\'div1\',\'form1\');" style="width:160;">
<option value="0" selected="selected">aaaa</option>
<option value="2" >bbbb</option>
</select>
<select name="s2" id="s2" onchange="formget1(\'2.php\',\'div1\',\'form1\');" style="width:160;">
<option value="0" selected="selected">cccc</option>
<option value="2" >dddd</option>
</select>
<input type="text" name="f111" value="12345"/>
<script type="text/javascript">
			DateInput("k15", true, "YYYY-MM-DD", "2010-06-25");
</script>
<input type=submit tabindex="102" value="test" name="submit">
</form>
';
print_r($_POST);
 
?>
</div>
</body>
</html>
[PHP] pobierz, plaintext 

[nospor]

Mi tam Twoje selecty przeladowują całą stronę. Nic dziwnego ze ci nie dziala (IMG:style_emoticons/default/winksmiley.jpg)

[kojocik76]

Ano właśnie coś jest nie tak z <script .... w pliku 2.php. bo jak wytne ten fragment to jest OK. Zerknij teraz (IMG:style_emoticons/default/exclamation.gif) !

[nospor]

a pokaz dokladnie co ladujesz w skript2.php
Włącznie z javascriptami. Dokladnie co do joty prosze (IMG:style_emoticons/default/smile.gif)

Co robi te:
DateInput("k15", true, "YYYY-MM-DD", "2010-06-25");
Bo mi się w firebugu wywala ze nie znalazl elementu k15 czy jakos tak.

[kojocik76]

plik 2.php

[PHP] pobierz, plaintext 
<?php
 
echo '
<form name="form1" id="form1" action="1.php" method="post" >
 
<select name="s1" id="s1" onchange="formget1(\'2.php\',\'div1\',\'form1\');" style="width:160;">
<option value="0" selected="selected">aaaa</option>
<option value="2" >bbbb</option>
</select>
<select name="s2" id="s2" onchange="formget1(\'2.php\',\'div1\',\'form1\');" style="width:160;">
<option value="0" selected="selected">cccc</option>
<option value="2" >dddd</option>
</select>
<input type="text" name="f111" value="xxxxxxx"/>
 
<input type=submit tabindex="102" value="test" name="submit">
</form>
';
print_r($_POST);
 
?>
[PHP] pobierz, plaintext 

i wersja z javascript

[PHP] pobierz, plaintext 
<?php
 
echo '
<form name="form1" id="form1" action="1.php" method="post" >
 
<select name="s1" id="s1" onchange="formget1(\'2.php\',\'div1\',\'form1\');" style="width:160;">
<option value="0" selected="selected">aaaa</option>
<option value="2" >bbbb</option>
</select>
<select name="s2" id="s2" onchange="formget1(\'2.php\',\'div1\',\'form1\');" style="width:160;">
<option value="0" selected="selected">cccc</option>
<option value="2" >dddd</option>
</select>
<input type="text" name="f111" value="xxxxxxx"/>
<script type="text/javascript">
	DateInput("k15", true, "YYYY-MM-DD", "1999-01-15");
</script>
<input type=submit tabindex="102" value="test" name="submit">
</form>
';
print_r($_POST);
 
?>
[PHP] pobierz, plaintext 

DateInput tworzy kontrolke data ktora masz w formularzu podstawowym plik 1.php
ale problem chyba ogolnie jest z javascriptem po zaladuwaniu kodu w ajax. zamieniajac na

[HTML] pobierz, plaintext 
<script type="text/javascript">
	document.write(2+3);
</script>
[HTML] pobierz, plaintext 

jest to samo (IMG:style_emoticons/default/sad.gif)

[nospor]

No hej,
to wina przez to document.write
Jak tam dasz zwyklego alerta
alert('blabla');
to dziala.
A twoj kalendarz również korzysta z document.write.

Nigdy nie uzywam tego ustrojstwa "document.write" więc się nigdy nie spotkalem z tym problemem.
Nie mozesz skorzystac z normalnej kontrolki kalendarza? np. jQuery calendar. One pracują trochę bardziej "normalnie" (IMG:style_emoticons/default/winksmiley.jpg)

[erix]

Nigdy nie uzywam tego ustrojstwa "document.write" więc się nigdy nie spotkalem z tym problemem.

Tej konstrukcji można używać wyłącznie na etapie renderowania strony. Więc w jakimkolwiek zdarzeniu ona po prostu nie zrobi niczego.

[nospor]

Więc w jakimkolwiek zdarzeniu ona po prostu nie zrobi niczego.

Hehe, no wlasnie nie. W tym wlasnie opisanym tu przypadku to "badziewie" nie dość ze robi to jeszcze psuje (IMG:style_emoticons/default/smile.gif) . powoduje odswieżenie strony.

[kojocik76]

OK. Tak zrobiłem. i działa (IMG:style_emoticons/default/exclamation.gif) ! dzięki wielkie za pomoc (IMG:style_emoticons/default/smile.gif)