Witam,
Korzystam z obiektu advAjax i chciałem na jednej stronie dwukrotnie mieć możliwość skorzystania z ajax'a. Niestety przy normalnym wstawieniu 2 skryptów js obługujących dane zdarzenia, jedno z nich nie działa. Oczywiście osobno działają. W konsoli js w firefox dostaję błąd: d2 has no properties.
Zupełnie nie wiem jak sobie z tym poradzić.
Pełna wersja: [rozwiązane][advAjax] x2
A nie możesz zrobić dwuch osobnych funkcji?
niesprawdzałem czy działa ale powinno:
i teraz w linkach wystarczy odwoływać się do odpowiedniej funkcji js.
Kod
<script language="javascript" type="text/javascript">
<!--
function zmienZdjecie(plik) { //pierwsza funkcja
advAJAX.get({
url : "test2.php?fot=" + plik,
onLoading : function(obj) {
document.getElementById('zawartosc').innerHTML = "Loading...";
},
onSuccess : function(obj) {
document.getElementById('zawartosc').innerHTML = obj.responseText;
},
onError : function(obj) {
document.getElementById('zawartosc').innerHTML = "Error: " + obj.status;
}
})
}
function zmienKategorie(kat) { //druga funkcja
advAJAX.get({
url : "arty.php?kat=" + kat,
onLoading : function(obj) {
document.getElementById('zawartosc2').innerHTML = "Loading...";
},
onSuccess : function(obj) {
document.getElementById('zawartosc2').innerHTML = obj.responseText;
},
onError : function(obj) {
document.getElementById('zawartosc2').innerHTML = "Error: " + obj.status;
}
})
}
-->
</script>
<!--
function zmienZdjecie(plik) { //pierwsza funkcja
advAJAX.get({
url : "test2.php?fot=" + plik,
onLoading : function(obj) {
document.getElementById('zawartosc').innerHTML = "Loading...";
},
onSuccess : function(obj) {
document.getElementById('zawartosc').innerHTML = obj.responseText;
},
onError : function(obj) {
document.getElementById('zawartosc').innerHTML = "Error: " + obj.status;
}
})
}
function zmienKategorie(kat) { //druga funkcja
advAJAX.get({
url : "arty.php?kat=" + kat,
onLoading : function(obj) {
document.getElementById('zawartosc2').innerHTML = "Loading...";
},
onSuccess : function(obj) {
document.getElementById('zawartosc2').innerHTML = obj.responseText;
},
onError : function(obj) {
document.getElementById('zawartosc2').innerHTML = "Error: " + obj.status;
}
})
}
-->
</script>
i teraz w linkach wystarczy odwoływać się do odpowiedniej funkcji js.
Błąd 'd2 has no properties' oznacza, że w którymś momencie odwołujesz się do obiektu 'd2', który nie został utworzony.
Gdzieś masz błąd w skrypcie.. w kodzie, który podałeś nie ma żadnego odwołania do 'd2' więc wygląda na to, że błąd masz gdzie indziej.
Gdzieś masz błąd w skrypcie.. w kodzie, który podałeś nie ma żadnego odwołania do 'd2' więc wygląda na to, że błąd masz gdzie indziej.
ARJ: Właśnie tak mam, ale mi to nie działa
Oto strona na której występuje błąd: http://www.e-kartki.org/Ekartki/Katalog/Widoki (oraz pozostałe kategorie)
Na w/w stronie w ajaxie napisany jest katalog (wyświetlanie kartek) oraz menu z lewej strony (w przypadku gdy funkcja się nie uruchomi wyświetlane jest menu wygenerowane przez php). Menu takie jakie ja bym chciał mieć (z linkiem 'pokaż tagi') wyświetla się prawidłowo na każdej stronie nie będącej katalogiem (np. strona główna: http://e-kartki.org)
P.s.
Warto też zwrócić uwagę, że na podstronach, które wykonują jedynie jedno zapytanie do ajaxa, konsola javascript nie wyświetla żadnych błędów, co oznacza, że sam skrypt jest poprawny
Oto strona na której występuje błąd: http://www.e-kartki.org/Ekartki/Katalog/Widoki (oraz pozostałe kategorie)
Na w/w stronie w ajaxie napisany jest katalog (wyświetlanie kartek) oraz menu z lewej strony (w przypadku gdy funkcja się nie uruchomi wyświetlane jest menu wygenerowane przez php). Menu takie jakie ja bym chciał mieć (z linkiem 'pokaż tagi') wyświetla się prawidłowo na każdej stronie nie będącej katalogiem (np. strona główna: http://e-kartki.org)
P.s.
Warto też zwrócić uwagę, że na podstronach, które wykonują jedynie jedno zapytanie do ajaxa, konsola javascript nie wyświetla żadnych błędów, co oznacza, że sam skrypt jest poprawny
Wygląda na to, że wywołujesz zapytanie xmlHttp jeszcze przed załadowaniem się drzewa DOM strony (od razu w nagłówku strony).. advAjax po otrzymaniu odpowiedzi odpala funkcję parseRecords, które odwołuje się do elementu DOM o id 'katalogKartek', który tak naprawdę jeszcze nie został zinitializowany i tu jest błąd.
Jeśli jeszcze nie korzystasz z żadnego script debugera a korzystasz z FF to zainstaluj sobie Venkmana bardzo pomaga takie rzeczy wyłapywać, to w zasadzie obowiązkowe narzędzie jak się pisze javascript.
EDIT:
Jako, że poprzez xmlHttp nawiązujesz połączenie asynchroniczne, bardzo możliwe, że na innych podstronach, sczytanie drzewa DOM przez przeglądarkę nadąża przed zwrócieniem rezultatu przez xmlHttp. Tu może leżeć przyczyna tej nie jasności - ten sam kod.. a raz zaskakuje, a innym razem nie zaskakuje.
Jeśli jeszcze nie korzystasz z żadnego script debugera a korzystasz z FF to zainstaluj sobie Venkmana bardzo pomaga takie rzeczy wyłapywać, to w zasadzie obowiązkowe narzędzie jak się pisze javascript.
EDIT:
Jako, że poprzez xmlHttp nawiązujesz połączenie asynchroniczne, bardzo możliwe, że na innych podstronach, sczytanie drzewa DOM przez przeglądarkę nadąża przed zwrócieniem rezultatu przez xmlHttp. Tu może leżeć przyczyna tej nie jasności - ten sam kod.. a raz zaskakuje, a innym razem nie zaskakuje.
Spróbuj gdzieś na stronie wywołać tą funkcję już po załadowaniu się strony ręcznie, do testów ( np. <a onClick="parseRecords(...);">test</a> )
Jeśli zadziała to wypowiedź powyżej się potwierdzi i będziesz musiał to zainicjować później.
Jeśli zadziała to wypowiedź powyżej się potwierdzi i będziesz musiał to zainicjować później.
a co to jest to d2? według mnie tu leży problem. spróbuj tak:
Kod
to:
d2 = $("katalogKartek");
d2.innerHTML = "";
zmień na:
d2 = document.getElementById('katalogKartek');
d2.innerHTML = "";
d2 = $("katalogKartek");
d2.innerHTML = "";
zmień na:
d2 = document.getElementById('katalogKartek');
d2.innerHTML = "";
Cytat(ARJ @ 2006-05-08 20:19:47)
a co to jest to d2? według mnie tu leży problem. spróbuj tak:
Kod
to:
d2 = $("katalogKartek");
d2.innerHTML = "";
zmień na:
d2 = document.getElementById('katalogKartek');
d2.innerHTML = "";
d2 = $("katalogKartek");
d2.innerHTML = "";
zmień na:
d2 = document.getElementById('katalogKartek');
d2.innerHTML = "";
$() jest to funkcja, która zwraca właśnie element o id "katalogKartek".. taki bardzo przydatny skrót... więc Twój kod w efekcie nic nie zmienia.
Funkcja $() jest (najprawdopodobniej) pomysłem autora biblioteki prototype. Bardzo polecam jest to kopalnia sprytnych rozwiązań, które usprawniają pisanie skryptów js.
mariuszn3 dzięki za informacje, nieznałem tego. faktycznie mój kod nic nie zmienia w tym wypadku.
Dzięki wszystkim za pomoc. Przyczyną było to, że nazwy funkcji w obu skryptach były takie same i trzeba było je zmienić 
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.