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" (IMG:http://gospeak.pl/gospeak_project/img/ajax-loader.gif) , 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