[ajax] Problem z javascript Opcje

[slammer]

Problem polega na tym, że gdy wyświetlam na stronie responseText w którym jest fragment kodu javascript to w efekcie kod ten nie zostaje wykonany, po prostu nic sie nie dzieje. Gdy ten sam plik wyświetle normalnie na stronie to wszystko działa jak należy... Jak zrobić, żeby JS zadziałał przy wczytaniu z ajaxa?

To jest plik do którego odwołuję się przez ajax i zwracam go na stronie.

[HTML] pobierz, plaintext 
<a href="java script: void(0)" onclick="alert('asd');">as
<script language="JavaScript" type="text/javascript">
    alert('asd');
</script>
 
<form action="" method="post">
  <input type="hidden" name="order" id="order" value="" />
  <input type="submit" onclick="getSort()" value="Sortuj" />
</form>
[HTML] pobierz, plaintext 

Link oczywiście poprawnie wyświetla alert.

Ten post edytował slammer 28.04.2007, 12:29:42

[prond]

Spróbuj skorzystać z prototype'a tam masz metodę `update` w klasie `Element`
http://www.prototypejs.org/api/element/update

Możesz pobawić się samemu, ale jest z tym trochę roboty:
- wyciągasz z tekstu JS
- wklejasz go do HTML
- wykonujesz JS zawarty w tekście

[snipe]

może przepuść wynik przez funkcję eval()?

Ten post edytował snipe 30.04.2007, 16:50:41

[yaotzin]

Witam! mam podobny problem, z tym że ja używam biblioteki xajax do obsługi technologii AJAX, i w sumie wszystko sprawnie idzie, po za tym małym mankamentem jakim jest właśnie problem z javascript umieszczonym w zwracanym kodzie strony...

Czy ktoś jest w stanie mi pomóc z tym

P.S. szukałem w dokumentacji xajax może jest jakaś gotowa funkcja która ten problem niweluje, mi się nie udało jej znaleźć :/

Ten post edytował yaotzin 2.05.2007, 23:36:59

[drbane]

Witam, mam identyczny problem, wczytując coś do DIV co posiada JS i powinno się wykonywać - poprostu nie działa. Jak widzę problem jest spory bo nie ma żadnych odpowiedzi rozwiązujących to.

[yaotzin]

Swoje już załatwiłem, w bibliotece xajax jest taka funkcja addScriptCall i addScript w zupełności wystarczyły do moich celów opisałem to w jakimś innym wątku.

A nie działa z tego powodu iż skrypt musiałby być wywołany przy ladowaniu strony, a przy ajax jest nieco inaczej i stąd problem, należy zrobić tak jak jest powyżej napisane albo użyć prototype.js (doskonały wzorzec projektowy) albo napisać własną funckcję temu służącą (może się ktoś podzieli :]) lub użyć tak jak ja to zrobiłem xajax i jego funkcji bibliotecznych. można też z xajax zgapić jak to jest zrobione metod jest wiele, a wynik pewnie jeden.

[skowron-line]

z przykroscia musze dolaczyc do dyskucji poniewaz mam taki sam problem z tym ze ja uzywam advAJAX i po sprawdzeniu w bazie w przypadku bledu chce zeby zwrocilo kod js ktory zmieni kolor pola input ale zamiast zmienic kolor kod jest wyswietlany.

Zna ktos rozwiazanie dla advAJAX??

[kwiateusz]

wysyłany kod przepuścić przez eval?

[skowron-line]

wysyłany kod przepuścić przez eval?

to pytanie czy odpowiedz??

[kwiateusz]

Odpowiedź w formie pytania Skoro przesyłasz ajaxem javascript to aby sie wykonał trzeba go wrzucić w eval bo inaczej jest traktowany jak zwykły tekst...

[drbane]

No dobra, EVAL , ale jak tego użyć? Skoro mój skrypt wczytuje coś do DIV'a za pomocą .innerHTML? Jak użyć EVAL?

[slammer]

możecie "przefiltrować" responseText w taki sposób:

[HTML] pobierz, plaintext 
item = myreq.responseText;
data = item.split('\n');
arraylen = data.length;
var i = 0;
while(i < arraylen)
{
	if( data[i].indexOf("script") > -1)
	{
		i++;
		while(data[i].indexOf("/script") < 0)
		{
			eval(data[i]);
			i++;
		}
	}
	i++;
}
[HTML] pobierz, plaintext 

znalezione gdzies na forum sprawdziłem i działa teraz bez zarzutu

[box3r]

Może to pomoże

[HTML] pobierz, plaintext 
http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm
[HTML] pobierz, plaintext 

Czyli najważniejsze dodać javascript do objektu header;

poza tym w dodawanym .js można dodać funkcje która ma być od razu po załadowaniu wywołana.

no i

[zaxx]

Witam, przeczytałem wcześniejsze posty nie rozwiązało to mojego problemu. To mój kod:

[HTML] pobierz, plaintext 
<script type="text/javascript"> 
 
		if (window.XMLHttpRequest) { 
		   ObiektXMLHttp = new XMLHttpRequest(); 
		} else { 
		    if (window.ActiveXObject) {  
		       ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
	            }
		}
 
 
		function getData(zrodlo, cel) { 
 
		 if(ObiektXMLHttp) 
		  {
		   var cel = document.getElementById(cel);
		   ObiektXMLHttp.open("GET", zrodlo);
 
		   ObiektXMLHttp.onreadystatechange = function() {
		       if (ObiektXMLHttp.readyState == 4) {
		          cel.innerHTML = ObiektXMLHttp.responseText; 
		       } 
		   }   
		   ObiektXMLHttp.send(null); 
		  } 
		} 
 
 </script>
[HTML] pobierz, plaintext 

Przy wykorzystaniu tego kodu pobieram podstronę i ją ładuję do div`a, no ale nie wykonuje się kod javascript tam zawarty, co jest logiczne, bo musi go przeglądarka przetworzyć a nie ma jak bo się strona nie przeładowała.

Może to pomoże

[HTML] pobierz, plaintext 
http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm
[HTML] pobierz, plaintext 

Czyli najważniejsze dodać javascript do objektu header;

poza tym w dodawanym .js można dodać funkcje która ma być od razu po załadowaniu wywołana.

no i

To działa, ale tylko jak ładujesz zewnętrzne pliki js, a jak zrobić aby wykonał się kod między znacznikami <script>. Jak ktoś wiem, to prosił bym o jakieś konkretne rozwiązanie (co cza do mojego kodu dodać aby śmigało), bo przeglądnełem już chyba ze 100 storn www i kurna żadnych konkretów ... i proszę bez tekstów poszukaj w google, bo szuakłem i naprawdę ciężko coś znaleźć, powtarza się motyw z eval(), ale próbowałem i muszę chyba coś źle robić, bo za chiny mi to nie działa ... javascript to nie mój mocny punkt, ale chcę usprawnić portal napisany w php i gdyby nie ten problem , to szło mi nieźle z tym ajaxem..... z góry dzięki za odp.

[konradk2]

to ciekawe ja korzystam z innerHTML i mi wszystko poprawnie działa ;]
a i podczas wykorzystania innerHTML przeglądarka musi zinterpretować to co zostanie przypisane więc kod powinien się wykonać ;]

[zaxx]

No w ajaxie tak nie jest niestety ... kod się nie wykonuje

[snipe]

nie umiecie przepuścić wyniku przez eval()

[zaxx]

nie umiecie przepuścić wyniku przez eval()

Wychodzi misiu na to że nie, pomogłeś mi że hej

Efekt przepuszczenia przez eval(), jest taki że strona mi się przeładowała i wykonał się tylko kod javascript. Dla przykładu, w pliku jest kod:

[HTML] pobierz, plaintext 
<script language="JavaScript" type="text/javascript">
      <!--
            document.write("<a class=\"link\" style=\"color:#a42626; font-weight:bold\" href=\"");
            document.write("mailto:");
            document.write("xxxx");
            document.write("@");
            document.write("wp.pl");
            document.write("\">");
            document.write("xxxxx");
            document.write("@");
            document.write("wp.pl");
            document.write("</a>");
       -->
   </script>
[HTML] pobierz, plaintext 

Plik ten pobieram przez ajax`a i wrzucam do div`a.

Przed wykonianiem :

[HTML] pobierz, plaintext 
cel.innerHTML = ObiektXMLHttp.responseText;
[HTML] pobierz, plaintext 

wykonuję funkcję którą podał kolega kilka postów wyżej. Efekt w FF, strona się przeładowuje i wyświetla się link xxxxx@wp.pl , czyli kod się wykonał, tylko że nic po za nim nie ma. W IE nic się nie dzieje, tylko sygnalizuje błąd javascript. Więc pytam się jak to powinno wyglądać, bo może coś źłe robię ...

[slammer]

Kod działa tylko że jest mały zonk... trzeba całego JS zapisać w jednej linii... W przeciwnym wypadku zostanie zinterpretowana tylko jedna linijka kodu.

[zaxx]

Fakt, teraz jak dałem w jednej linii kod to działa ... ale kurna dużo zachodu z tym, chyba sobie podaruje tego ajaxa ..... pozdro