Remplazar boton por imagen animada de carga

[gabriel em]

La verdad no se exactamente como buscar esto en el foro, pero seguramente hay un post, solo que no lo he encontrado.

Tengo un formulario donde se suben imagenes y quiero que al apretar el boton "enviar" este se cambie por uno de esos gif animados de carga.

En javascript porsupuesto.

[Kelpie]

Código HTML:

<script>
  function enviando(){
    document.getElementById("formulario").boton.style.display="none";
    document.getElementById("imagen").style.display="inline";
  }
</script>
...


...
<form id="formulario" onSubmit="enviando()" ...>
...

...
<input type="button" style="display: inline;" name="boton" value="enviar">
<img id="imagen" src="animado.gif" style="display: none;">
...

Lo he escrito de corrido, igual tiene errores de sintaxis. No lo he probado pero supongo que irá. Otra solución es emplear una imágen en vez de botón y cambiarle el src, más o menos de la misma manera, en vez de ocultar el botón y mostar el gif...

[Kelpie]

P.D.
En la vista de foro (cuando pudes ver los temas, no cuando estás viendo un tema concreto), en la cabecera de las columnas, en la parte derecha, justo sobre el título "Visitas" tienes un desplegable con opciones de búsqueda

[gabriel em]

Kelpie, gracias por todo.
Se lo de la busqueda y creeme que lo hice pero no encontre nada, ya que es algo dificil de buscar .

Estoy probando tu codigo y anda bien, el unico problema es que cuando aparece la imagen.gif no se produce el movimiento, osea aparece como una imagen estatica.

[gabriel em]

Bueno, ya lo pude solucionar, muchas gracias !