Foros del Web » Programación web » Javascript »

Mostrar imagen al oprimir boton

Estas en el tema de Mostrar imagen al oprimir boton en el foro de Javascript en Foros del Web. Holas, Estoy haciendo uno de mis primeros scripts de javascript :), lo que deberia hacer es, que al hacer click en un boton, muestre una ...
  #1 (permalink)  
Antiguo 24/01/2010, 14:25
Avatar de murderer  
Fecha de Ingreso: marzo-2009
Ubicación: Argentina/Misiones/Iguazu/Localhost
Mensajes: 196
Antigüedad: 5 años, 7 meses
Puntos: 2
Mostrar imagen al oprimir boton

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!
__________________
"Cuando te propones una meta todo el mundo conspira para que puedas lograrlo." Puedes encontrame en Twitter
  #2 (permalink)  
Antiguo 24/01/2010, 15:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.137
Antigüedad: 12 años, 6 meses
Puntos: 1136
Respuesta: Mostrar imagen al oprimir boton

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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 24/01/2010, 16:13
Avatar de murderer  
Fecha de Ingreso: marzo-2009
Ubicación: Argentina/Misiones/Iguazu/Localhost
Mensajes: 196
Antigüedad: 5 años, 7 meses
Puntos: 2
Respuesta: Mostrar imagen al oprimir boton

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!
__________________
"Cuando te propones una meta todo el mundo conspira para que puedas lograrlo." Puedes encontrame en Twitter

Etiquetas: botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:56.
SEO by vBSEO 3.3.2