Mostrar imagen al oprimir boton

[murderer]

Holas,

Estoy haciendo uno de mis primeros scripts de javascript :), lo que deberia hacer es, que al hacer click en un boton, muestre una imagen .Asi mientras sube una imagen, se muestra una imagen que dice "cargando".

Hice esto:

Código:

  <script language="JavaScript">
   function img(){
imagen = '<img src="/img/loader.gif" alt="cargando..." />'
document.write(imagen)
   }
  </script>

Código HTML:

 <input type="button" name="leer" value="Mostrar imagen" onclick='img()'> 

El problema es que solo me muestra la imagen (desaparece todo el diseño de la pagina)

Desde ya muchas gracias,

Saludos!

[caricatos]

Hola:

document.write solo debe usarse cuando se carga la página, en otros momentos machaca el contenido de la misma... Deberías informarte sobre innerHTML

Saludos

[murderer]

Holas caricatos,

Gracias por la orientacion :)

Ahora funciona perfecto, lo dejo por si a otro le pasa:

Código:

  <script type="text/javascript">
function imagen(){
imagen = '<img src="/img/loader.gif" alt="cargando..." />'
	document.getElementById('imagencargando').innerHTML = imagen;
}
</script>
<p>
<input type='button' onclick='imagen()' value='Enviar'/>
<div id='imagencargando'></div>
</p>

Saludos!