Problema con Javascript

[Duffing]

Hola a todos, he estado teniendo problemas con un codigo javascript:

Código Javascript:

function change(){
document.forms['pg_frm']['pg_buton'].src=imagenes/botonconluz.png;
}
 

La idea de este codigo es que cambie la imagen en un form/input cuando hacen mousehover, pero no funciona.

Este es el form:

Código HTML:

<form name="pg_frm">
<input name="pg_button" type="image" class="paygol" title="Donacion L2Trynix: Mediante Paygol SMS." onClick="pg_reDirect(this.form)" onMouseOver="change();" src="Imagenes/Botonsinluz.png" border="0" />
</form>
 

Mi pregunta es ¿alguien sabe como hacerlo y me podria enseñar?.

Desde ya muchas gracias.

[laratik]

Hola Duffing, se me ocurren dos posibles soluciones, la mas sencilla y efectiva es enviar la referencia del input como parámetro:

Código HTML:

 <form name="pg_frm">
<input name="pg_button" type="image" class="paygol" title="Donacion L2Trynix: Mediante Paygol SMS." onClick="pg_reDirect(this.form)" onMouseOver="change(this);" src="images/images.jpg" border="0" />
</form> 

Código Javascript:

function change(input){
input.src= "images/images1.jpg";
}
 

La otra solución es como la que intentabas hacer, pero utilizando DOOM:

Código HTML:

 <form name="pg_frm">
<input name="pg_button" type="image" class="paygol" title="Donacion L2Trynix: Mediante Paygol SMS." onClick="pg_reDirect(this.form)" onMouseOver="change();" src="images/images.jpg" border="0" />
</form> 

Código Javascript:

function change(){
document.forms.item(0).getElementsByTagName("input").item(0).src= "images/images1.jpg";
}
 

Como te digo, es sumamente mejor la primera opción.

[Duffing]

Muchas gracias, funciono de 10 :D.