Ikona ładowania Opcje

[brwCode]

Witam, posiadam oto taki kawałek kodu który będę chciał użyć na swojej stronie. Odpowiada on za wczytywanie treści w formie AJAX do danego diva.

Demo: http://gospeak.pl/AJAX/

Chciałbym do tego kodu dodać ikonę "ładowania" , w czasie którym wczytuje się treść do zmiany wyświetla się ta ikonka ładowania.
Z racji tego że z tym językiem stykam się pierwszy raz nie wiem jak to zrobić.

Także szukam czegoś takiego że jak wyślę komuś link http://gospeak.pl/AJAX/#1 to wyświetli mu się zawartość pliku "Wczytaj tekst numer 1" a nie strona główna.

[XML] pobierz, plaintext 
// pierwsza część kodu var ObiektXMLHttp = false;
if (window.XMLHttpRequest) 
  { 
   ObiektXMLHttp = new XMLHttpRequest(); } 
   else if (window.ActiveXObject) 
      { 
       ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); } 
 
// druga część kodu 
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; 
   }
} 
// trzecia część kodu 
ObiektXMLHttp.send(null); } } 
[XML] pobierz, plaintext 

[kamil4u]

1. Przed wywołaniem AJAX-a dajesz ikonkę ładowania, następnie po zakończeniu( .readyState == 4 ) usuwasz tę ikonkę
2. Wywołujesz zdarzenie onload/załadowania DOM i w nim sprawdzasz jak wygląda hash - to co jest po #( w JS da się to sprawdzić ). Następnie sprawdzasz odpowiednio zawartość tego hash-a i jak trzeba to wykonujesz żądanie do serwera(, czyli uruchamiasz skrypt AJAX )

3. Tak dodatkowo możesz przejrzeć to: http://forum.php.pl/index.php?showtopic=182921
4. Nie polecam opierać całej strony na AJAX

[brwCode]

Jestem świeżakiem w AJAX ale próbowałem tym kodem:

[XML] pobierz, plaintext 
ObiektXMLHttp.onreadystatechange = function() { 
if (XMLHttp.readyState == (1 || 0)) {
document.getElementById('loading').innerHTML = "Ładowanie..."; }
 
if (XMLHttp.readyState == 4) {
document.getElementById('loading').innerHTML = "";
document.getElementById(cel).innerHTML = XMLHttp.responseText; }
 
if (XMLHttp.readyState != (1 || 0 || 4)) { document.getElementById('loading').innerHTML = "" } }
[XML] pobierz, plaintext 

Ale nic nie wskórałem.


Tak na marginesie to chcę zrobić coś jak jest na FiberHost, bo tak samo jak oni do zmiany mam tylko centralną część strony (look)

Może lepiej użyć do tego jQuery?

[kamil4u]

Na pewno będzie Ci łatwiej.

XMLHttp.readyState == (1 || 0)

Co to za zapis? Nie można stosować takich skrótów.

Poszukaj w necie to dostaniesz gotowca, bo wiele osób chciało mieć tak jak Ty

[brwCode]

Zadaje drugie pytania bo moderator zamknął mój nowy tema, a więc:

Posiadam na stronie bibliotekę jQuery (http://code.jquery.com/jquery-latest.js).
Dzięki niej wczytuje pliki .html do danego diva formą

Kod

onClick="$('#news').load('podstrony/newsy.html')

I to wszystko, ale chciałbym dodać do tego jeszcze ikonę ładowania - w czasie którym wczytuje się treść do zmiany wyświetla się ta ikonka ładowania a po wczytaniu znika.

Wiem że jest to krótki kod do takiego "loadera" ale nie mogę nigdzie znaleźć.

[kamil4u]

robisz tak samo jak Ci pisałem wcześniej - niczym się to nie różni. Do "zniknięcia" ładowania używasz zdarzenia success

[brwCode]

Nie mogę sobie z tym poradzić, szukam gotowca a na google nie mogę znaleźć.

[kamil4u]

No ja za Ciebie robić nie będę. Mogę Ci jedynie pomóc. Jak tego oczekujesz to pokaż jak próbowałeś, jeśli liczysz tylko na gotowca to czekaj aż odpisze Ci ktoś inny.