Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Ejecutar función al dejar en hover el puntero durante x tiempo

Estas en el tema de Ejecutar función al dejar en hover el puntero durante x tiempo en el foro de Frameworks JS en Foros del Web. Hola amigos, estoy con una duda y no logro encontrar nada al respecto... o quiza no este buscándolo con los términos adecuados. Necesito una función ...
  #1 (permalink)  
Antiguo 18/07/2011, 09:02
 
Fecha de Ingreso: julio-2007
Mensajes: 178
Antigüedad: 13 años, 3 meses
Puntos: 1
Ejecutar función al dejar en hover el puntero durante x tiempo

Hola amigos, estoy con una duda y no logro encontrar nada al respecto... o quiza no este buscándolo con los términos adecuados.

Necesito una función de javascript que al hacer hover sobre un elemento, durante un segundo o un poco mas, recién ahí se lleve a cabo la función. No se si me explico. Pues por ejemplo con setTimeout no me sirve, ya que al salir de hover, y pasado el tiempo igual se ejecutar la función. Yo necesito que se lleve a cabo solo si estoy posado un determinado tiempo.

Uso jquery como framework. Bueno espero puedan darme una mano, o alguna idea para encontrar un poco de información al respecto, desde ya muchas gracias y suerte!!!
  #2 (permalink)  
Antiguo 18/07/2011, 09:27
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.135
Antigüedad: 16 años, 4 meses
Puntos: 827
Respuesta: Ejecutar función al dejar en hover el puntero durante x tiempo

Así se podría hacerse sin framework:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Documento sin título</title>
<
script type="text/javascript">
var 
contador=(
    function(){
        var 
interval;
        return {
            
init:function(){
                
interval=setInterval(contador.callback,contador.limite);    
            },
            
callback:function(){},
            
stop:function(){
                
clearInterval(interval);    
            },
            
limite:1000
        
}
        
    }              
)();
contador.callback=function(){alert('pasaron '+(contador.limite/1000)+' segundos');}
contador.limite=5000;
</script>

</head>

<body>
<div onmouseover="contador.init()" onmouseout="contador.stop()" style="width:100px; line-height:30px; text-align:center; background-color:#FF3">test</div>
</body>
</html> 
Igual muevo el tema al foro correspondiente.
  #3 (permalink)  
Antiguo 18/07/2011, 10:32
 
Fecha de Ingreso: julio-2007
Mensajes: 178
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: Ejecutar función al dejar en hover el puntero durante x tiempo

Gracias!!! Lo pruebo y te comento!!!! :) :)
  #4 (permalink)  
Antiguo 19/07/2011, 09:47
 
Fecha de Ingreso: julio-2007
Mensajes: 178
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: Ejecutar función al dejar en hover el puntero durante x tiempo

Gracias Panino5001! Lo implemente perfecto... no exactamente así, pero me sirvió para crear mi propio script. Quería volver para agradecerte por darte una mano... :p que haría sin gente como tu...

Suerte!

Etiquetas: dejar, durante, hover, javascript, jquery, puntero
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 08:56.