Mam stronę na której znajduje się formularz. W trakcie wczytywania zostaje wyświetlony obrazek captcha. Chciałbym żeby użytkownik miał możliwość wciśnięcia w przycisk, który powodowałby wyświetlenie innego obrazka bez przeładowywania całej strony. Wiem już, że coś takiego można zrobić w AJAX-ie jednak nie wiem jak się za to zabrać i jak miałoby to wyglądać jeśli chodzi o kod.

[HTML] pobierz, plaintext 
<script type="text/javascript" language="javascript">
 
 
function fg(pa)
{
ir=Math.random(99999);
 if (document.getElementById)
 {tmp=document.getElementById(pa).src; document.getElementById(pa).src=''; tmp=tmp+'?&amp;te='+ir; document.getElementById(pa).src=tmp;}
 else {tmp=document.all(pa).src; document.all(pa).src=''; tmp=tmp+'?&amp;te='+ir; document.all(pa).src=tmp;}
}
 
</script>
<!-- i obrazek !-->
<img id="Token_Img" onclick="fg('Token_Img');" alt="" src="token.php"/>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<img id="Token_Img" onclick="fg('Token_Img');" alt="" scr="token.php"/>
[HTML] pobierz, plaintext 

Wydaje się, że wszystko działa, ale miałem na myśli wciśnięcie obrazka obok captcha, a nie samej captcha

Co to za problem lekko zmodyfikować ?

[HTML] pobierz, plaintext 
<a href="#" id="Token_Img" onclick="fg('Token_Img');">Odśwież</a>
[HTML] pobierz, plaintext 

Chyba w ogóle nie znasz html

[HTML] pobierz, plaintext 
<script type="text/javascript">
	function nowy_token() {
		var id = new Date().getTime();
		$("token").src = "token.jpg?date=" + id + "";
		$("text_token").value = '';
	}
</script>
 
<a href="#" onclick="nowy_token(); return false;"><img src="token.jpg" style="border: solid #000000 2px;" id="token" alt="token" /></a>
<input id="text_token" name="token" type="text" value="" />
<br /><small>Przepisz znaki widoczne<br /> na obrazku.<br /><a href="" onclick="nowy_token(); return false;">odśwież obrazek</a></small>
[HTML] pobierz, plaintext 

Takie coś używam u siebie

Chyba mnie nie zrozumieliście.
1. Skrypt patryczakowy wydaje się, że jest ok. Jednak aby odświeżyć captcha trzeba nacisnąć na sam obrazek captcha. Ja natomiast chcę żeby dopiero po naciśnięciu obrazka odśwież zmieniał się obrazek captcha.
Jak dam tak:

[HTML] pobierz, plaintext 
<img id="Token_Img" onclick="fg('Token_Img');" alt="" src="odswiez.jpg"/>
[HTML] pobierz, plaintext 

Odświeża się sam obrazek
Jak dam tak:

[HTML] pobierz, plaintext 
<img id="Token_Img" onclick="fg('Token_Img');" alt="" src="token.php"/>
[HTML] pobierz, plaintext 

Odświeża się captcha, ale po kliknięciu tylko na nią.
2. Oomaster, sebekzosw ja nie chcę odświeżać całej strony, a tylko obrazek captchy.
Kombinuje jak rozwiązać ten problem, ale coś nie idzie.
Edit:
Dobra dzięki waszej pomocy napisałem kod i wszystko działa.

Jak nie używasz biblioteki z Ajax to Ci to nie pójdzie bo było dostosowane do niego... sprawdź to:

[HTML] pobierz, plaintext 
<script type="text/javascript">
	function nowy_token() {
		var id = new Date().getTime();
		document.getElementById("token").src = "token.jpg?date=" + id + "";
		document.getElementById("text_token").value = '';
	}
</script>
 
<a href="#" onclick="nowy_token(); return false;"><img src="token.jpg" style="border: solid #000000 2px;" id="token" alt="token" /></a>
<input id="text_token" name="token" type="text" value="" />
<br /><small>Przepisz znaki widoczne<br /> na obrazku.<br /><a href="" onclick="nowy_token(); return false;">odśwież obrazek</a></small>
[HTML] pobierz, plaintext