[AJAX][JavaScript] Wykonanie funkcji pobranej za pomocą ajax Opcje

[patryk9200]

Witam,

Mam taki problem, pobieram do div'a zawartość za pomocą ajaxa, problem w tym, że w żaden sposób nie udało mi się wykonać funkcji do której się odwołuję
po pobraniu zawartości.
zaraz po załadowaniu diva muszę wykonać taką funkcję:

[HTML] pobierz, plaintext 
<script type="text/javascript">showPictures('/143/','show');</script>
[HTML] pobierz, plaintext 

czy jest to w ogóle wykonalne?
myślałem też żeby zrobić to na takiej zasadzie, że jakaś funkcja przeszukuje co 1s kod strony w poszukiwaniu czy nie została wywołana ta funkcja.
Dodam, że na js za bardzo się nie znam więc wskazówki z opisem mile widziane

[nospor]

ajax ma takie zdarze jak COMPLETE. Wystarczy ze do niego wstawisz wywolanie swojej funkcji i po sprawie.

Do ajaxa skorzystaj z jakiegoś liba, np. jQuery

[patryk9200]

a jak to zdarzenie zastosować w tym wypadku? niewiele jest na jego temat, a nie chcę stosować bibliotek typu jQuery czy prototype ponieważ potrzebuję to tylko do jednego elementu który jest w panelu administracyjnym i pozwala na modyfikowanie/dodawanie/usuwanie/zmiana kolejności zdjęć bez potrzeby odświeżania strony.
Cały ten mój "skrypt" wygląda tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
var xmlhttp;
function showPictures(str,str2,str3)
{xmlhttp=GetXmlHttpObjectt();
var url="'.URL.'upload_pictures.php";
url=url+"?S-20_dir="+str+"&action="+str2+"&U_offerId="+str3+"";
xmlhttp.onreadystatechange=stateListChangedd;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);}
function stateListChangedd()
{if (xmlhttp.readyState==4)
{document.getElementById("div_pictures").innerHTML=xmlhttp.responseText;
document.getElementById("div_pictures").style.display = "";}}
function GetXmlHttpObjectt()
{if (window.XMLHttpRequest)
{return new XMLHttpRequest();}
if (window.ActiveXObject)
{return new ActiveXObject("Microsoft.XMLHTTP");}
return null;}
</script>
[HTML] pobierz, plaintext 

następnie po wywołaniu funkcji jest wczytywana zawartość zwróconych danych do diva
a nie chcę drzwi armatą wyważać...

Ten post edytował patryk9200 17.08.2010, 19:54:21

[nospor]

a nie chcę drzwi armatą wyważać...

bez przesady... im szybciej się zapoznasz z porządnym libem tym lepiej dla Ciebie.

Kod

function stateListChangedd()
{if (xmlhttp.readyState==4)
{
alert('ZAMIAST TEGO ALERT WYWOLAJ SOBIE FUNKCJE JAKĄ CHCESZ');
document.getElementById("div_pictures").innerHTML=xmlhttp.responseText;
document.getElementById("div_pictures").style.display = "";}}

[patryk9200]

bez przesady... im szybciej się zapoznasz z porządnym libem tym lepiej dla Ciebie.

Kod

function stateListChangedd()
{if (xmlhttp.readyState==4)
{
alert('ZAMIAST TEGO ALERT WYWOLAJ SOBIE FUNKCJE JAKĄ CHCESZ');
document.getElementById("div_pictures").innerHTML=xmlhttp.responseText;
document.getElementById("div_pictures").style.display = "";}}

nie działa, tzn. znika cały div, co wydaje się dziwne...

[nospor]

moj blad:

function stateListChangedd()
{if (xmlhttp.readyState==4)
{
document.getElementById("div_pictures").innerHTML=xmlhttp.responseText;
document.getElementById("div_pictures").style.display = "";
alert('ZAMIAST TEGO ALERT WYWOLAJ SOBIE FUNKCJE JAKĄ CHCESZ');
}}

[patryk9200]

dzięki działa, mam jeszcze jeden problem, mam w JavaScript 2 podobne funkcje, zauważyłem, gdy wywołam 1 z nich to zmienia też zawartość elementu funkcji
drugiej która się do niego odnosi, próbowałem to jakoś rozwiązać ale konflikt dalej jest
kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
var xmlhttp;
function showList(str,str2)
{xmlhttp=GetXmlHttpObject();
var url="http://alpha.autos24.pl/show_models.php";
url=url+"?N-4_marka="+str+"&selectID="+str2;
xmlhttp.onreadystatechange=stateListChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);}
function stateListChanged()
{if (xmlhttp.readyState==4)
{document.getElementById("select").innerHTML=xmlhttp.responseText;
document.getElementById("hidden_select").style.display = "none";
document.getElementById("select").style.display = "";}}
function GetXmlHttpObject()
{if (window.XMLHttpRequest)
{return new XMLHttpRequest();}
if (window.ActiveXObject)
{return new ActiveXObject("Microsoft.XMLHTTP");}
return null;}
</script>
 
<script type="text/javascript">
var xmlhttp;
function showPictures(str3,str4,str5)
{xmlhttp=GetXmlHttpObjectt();
var url2="http://alpha.autos24.pl/upload_pictures.php";
url2=url2+"?S-20_dir="+str3+"&action="+str4+"&U_offerId="+str5+"";
xmlhttp.onreadystatechange=stateListChangedd;
xmlhttp.open("GET",url2,true);
xmlhttp.send(null);
}
function stateListChangedd()
{if (xmlhttp.readyState==4)
{document.getElementById("div_pictures").innerHTML=xmlhttp.responseText;
document.getElementById("div_pictures").style.display = "";}}
function GetXmlHttpObjectt()
{if (window.XMLHttpRequest)
{return new XMLHttpRequest();}
if (window.ActiveXObject)
{return new ActiveXObject("Microsoft.XMLHTTP");}
return null;}
</script>
[HTML] pobierz, plaintext 

odwołuję się do nich kolejno tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
showList(4, 8);
</script>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">showPictures('54ygh6yu','show',0);</script>
[HTML] pobierz, plaintext 

Ten post edytował patryk9200 17.08.2010, 23:27:50