Hola a todos:
Tengo un problema: El siguiente escript me funciona perfectamente con cualquier imagen que pongo en un enlace, pero no me va cuando lo pongo dentro de un INPUT, por ejemplo en el botón de SUBMIT de un formulario. El submit lo hace bien, pero no cambia la imagen al pasar el ratón por encima:
<HTML>
<HEAD>
<TITLE>Ejemplo de botón que se ilumina al pasar el ratón</TITLE>
<SCRIPT LANGUAGE="JavaScript">
if (document.images) {
var activado=new Image();
activado.src="seguir1.gif";
var desactivado= new Image();
desactivado.src="seguir.gif";
}
function activar(nombreImagen) {
if (document.images) {
document[nombreImagen].src=activado.src; }
}
function desactivar(nombreImagen) {
if (document.images) {
document[nombreImagen].src=desactivado.src; }
}
</SCRIPT>
</HEAD>
<BODY>
<center>
<br>
<br>
<h1>Boton que se ilumina al pasar el raton</h1>
<br>
<br>
<br>
<table border="0">
<tr>
<td><a href="#" onMouseOver="activar('seguir');" onMouseOut="desactivar('seguir');"><img name="seguir" src="seguir.gif" border="0" width="87" height="33" alt="Seguir"></a></td>
</tr>
</table>
<br>
<table>
<tr>
<td>
<form name="form" actión="#" method="get">
<input type="text" name="usuario">
<input type="image" src="seguir.gif" onMouseOver="activar('seguir');" onMouseOut="desactivar('seguir');">
</form>
</td>
</tr>
</table>
</center>
</BODY>
</HTML>
¿A qué se puede deber?
