Foros del Web » Programando para Internet » Javascript »

Que aparezcan elementos tras OnMouseover

Estas en el tema de Que aparezcan elementos tras OnMouseover en el foro de Javascript en Foros del Web. Hola, tengo un div, un rectángulo y quiero que al poner el ratón sobre él, onmouseover , me aparezcan unos elementos (inicialmente ocultos) en los ...
  #1 (permalink)  
Antiguo 01/08/2012, 01:52
Avatar de humanista  
Fecha de Ingreso: abril-2005
Mensajes: 878
Antigüedad: 19 años
Puntos: 15
Que aparezcan elementos tras OnMouseover

Hola, tengo un div, un rectángulo y quiero que al poner el ratón sobre él, onmouseover, me aparezcan unos elementos (inicialmente ocultos) en los que pueda pinchar.

Al hacer onmouseout, deberían desaparecer.

Gracias.
  #2 (permalink)  
Antiguo 01/08/2012, 08:10
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 15 años, 10 meses
Puntos: 220
Respuesta: Que aparezcan elementos tras OnMouseover

solamente debes realizar esto

Código Javascript:
Ver original
  1. function seleccionado(){
  2. document.getElementById("id_htmlelement").style.display = "block";
  3. }
  4. function deseleccionado(){
  5. document.getElementById("id_htmlelement").style.display = "none";
  6. }
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones
  #3 (permalink)  
Antiguo 01/08/2012, 09:08
Avatar de humanista  
Fecha de Ingreso: abril-2005
Mensajes: 878
Antigüedad: 19 años
Puntos: 15
Respuesta: Que aparezcan elementos tras OnMouseover

Gracias!!!, me ha quedado la mar de chulo ;) ;) ;)

Por si a alguien le sirve:


Código HTML:
Ver original
  1. function seleccionado()
  2. {
  3.     document.getElementById("id_htmlelement").style.display = "block";
  4. }
  5.  
  6. function deseleccionado()
  7. {
  8.     document.getElementById("id_htmlelement").style.display = "none";
  9. }
  10.  
  11.  
  12. <div style="height:100px; width:650px; background-color:#c3c3c3" Onmouseover="javascript:seleccionado()" Onmouseout="javascript:deseleccionado()">
  13.    <div id="id_htmlelement" name="id_htmlelement" style="display:none; height:50px; width:650px; background-color:#f5f5f5">
  14.         <a href="link.php">texto</a>
  15.    </div>
  16. </div>

Última edición por humanista; 01/08/2012 a las 09:16
  #4 (permalink)  
Antiguo 01/08/2012, 09:21
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 15 años, 10 meses
Puntos: 220
Respuesta: Que aparezcan elementos tras OnMouseover

Cita:
Iniciado por humanista Ver Mensaje
Gracias!!!, me ha quedado la mar de chulo ;) ;) ;)

Por si a alguien le sirve:


Código HTML:
Ver original
  1. function seleccionado()
  2. {
  3.     document.getElementById("id_htmlelement").style.display = "block";
  4. }
  5.  
  6. function deseleccionado()
  7. {
  8.     document.getElementById("id_htmlelement").style.display = "none";
  9. }
  10.  
  11.  
  12. <div style="height:100px; width:650px; background-color:#c3c3c3" Onmouseover="javascript:seleccionado()" Onmouseout="javascript:deseleccionado()">
  13.    <div id="id_htmlelement" name="id_htmlelement" style="display:none; height:50px; width:650px; background-color:#f5f5f5">
  14.         <a href="link.php">texto</a>
  15.    </div>
  16. </div>
Solo una aclaracion no le pongas como id_htmlelement ya que yo lo puse como ejemplo pero si tu quieres déjalo con ese ID
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones

Etiquetas: elementos, onmouseover, tras
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 12:40.