javascripts button (boleh tukar)

nei code biase (buutton gif) :

Code:

<input type="image" src="whatever.gif"
      onclick="document.getElementById('input').select(); return false; "/>

mcm mana nk tukar button image jikalau mouse sentuh button gambar pertama..

contoh :

http://www.webdevelopersnotes.com/tips/html/using_an_image_as_a_submit_button.php3

------------------------------------------

tapi ak tak tau nak masuk kan code yg kat contoh tu pada code ini :

Code:

<input type="image" src="whatever.gif"
      onclick="document.getElementById('input').select(); return false; "/>

gn tag onMouseOver dgn onMouseOut

Code:


onmouseover="document.NAMA_FORM.NAMA_IMAGE..src='tempat button kedua'"
onmouseout="document.NAMA_FORM.src='tempat button pertama'"


jd code ko akn jd cmni >>

Code:


<input type="image" src="button_pertama.gif"
onmouseover="document.NAMA_FORM.NAMA_IMAGE.src='tempat button kedua'"
onmouseout="document.NAMA_FORM.NAMA_IMAGE.src='tempat button pertama'"
      onclick="document.getElementById('input').select(); return false; "
name="NAMA_IMAGE" />


tp klu yg kat atas kena ada tag <form> ... </form>

klu x ada tag tu, isi cmni ja

Code:


<input type="image" src="button_pertama.gif"
onmouseover="document.NAMA_IMAGE.src='tempat button kedua'"
onmouseout="document.NAMA_IMAGE.src='tempat button pertama'"
      onclick="document.getElementById('input').select(); return false; "
name="NAMA_IMAGE" />


yg penting tag name="NAMA_IMAGE" tu.