Foros del Web » Creando para Internet » HTML »

onMouseOver

Estas en el tema de onMouseOver en el foro de HTML en Foros del Web. buenas como estan todos, tengo una duda, quisiera hacer lo siguiente: tengo un formulario y quiero que cuando la persona pase el puntero por la ...
  #1 (permalink)  
Antiguo 20/08/2010, 09:28
 
Fecha de Ingreso: marzo-2010
Mensajes: 152
Antigüedad: 7 años, 8 meses
Puntos: 1
onMouseOver

buenas como estan todos, tengo una duda, quisiera hacer lo siguiente:
tengo un formulario y quiero que cuando la persona pase el puntero por la caja de texto aparezca una imagen, eso se puede hacer???
¿Cómo?
  #2 (permalink)  
Antiguo 20/08/2010, 10:15
 
Fecha de Ingreso: agosto-2010
Ubicación: Madrid
Mensajes: 53
Antigüedad: 7 años, 4 meses
Puntos: 1
Respuesta: onMouseOver

si quieres q la imagen aparezca en algun lugar en concreto, por ejemplo:

<input type="text" id="cajatexto" onmouseover="document.getElementById('imagen').sty le.display='block'">

<div id='imagen' style='display:none' ><img src='' /></div>// imagen oculta hasta que pase por encima de la caja de texto

Si por el contrario quiers que la imagen aparezca encima del cursor y lo sigua, deberias mirarte los tooltips de jquery, todo esta en google.
  #3 (permalink)  
Antiguo 20/08/2010, 11:20
 
Fecha de Ingreso: marzo-2010
Mensajes: 152
Antigüedad: 7 años, 8 meses
Puntos: 1
Respuesta: onMouseOver

quiero que aparezca en algun lugar concreto lo hice así:
Código HTML:
Ver original
  1. <input type="password" id="cajatexto" onmouseover="document.getElementById('imagen').sty le.display='block'" name="clave">
  2.  
  3. <div id='imagen' style='display:none' ><img src='../imagen/volver.bmp'></div>

y no funciona, que hice mal
  #4 (permalink)  
Antiguo 20/08/2010, 11:28
Avatar de chulifo  
Fecha de Ingreso: abril-2009
Ubicación: perdido en codigos del PHP, pero aprendo rapido!
Mensajes: 523
Antigüedad: 8 años, 8 meses
Puntos: 18
Respuesta: onMouseOver

Cita:
Iniciado por jen26 Ver Mensaje
quiero que aparezca en algun lugar concreto lo hice así:
Código HTML:
Ver original
  1. <input type="password" id="cajatexto" onmouseover="document.getElementById('imagen').sty le.display='block'" name="clave">
  2.  
  3. <div id='imagen' style='display:none' ><img src='../imagen/volver.bmp'></div>

y no funciona, que hice mal
es asi

Código HTML:
Ver original
  1. <input type="password" id="cajatexto" onmouseover="document.getElementById('imagen').style.display='block'" name="clave">
  2.  
  3. <div id='imagen' style='display:none' ><img src='../imagen/volver.bmp'></div>
__________________
Solo soy un simple fanático que mata el tiempo de la mejor manera.
  #5 (permalink)  
Antiguo 20/08/2010, 14:09
 
Fecha de Ingreso: marzo-2010
Mensajes: 152
Antigüedad: 7 años, 8 meses
Puntos: 1
Respuesta: onMouseOver

muchas gracias para ambos =) ya funciona

Etiquetas: onmouseover
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 19:11.