Foros del Web » Programando para Internet » Jquery »

JQUERY - tooltip

Estas en el tema de JQUERY - tooltip en el foro de Jquery en Foros del Web. Buenas, tengo una duda que me está provocando algunos problemas en un script. Me refiero a por ejemplo, un ejemplo sencillo que muchos os habreis ...
  #1 (permalink)  
Antiguo 07/09/2011, 07:27
 
Fecha de Ingreso: junio-2009
Mensajes: 309
Antigüedad: 10 años, 7 meses
Puntos: 5
JQUERY - tooltip

Buenas, tengo una duda que me está provocando algunos problemas en un script.


Me refiero a por ejemplo, un ejemplo sencillo que muchos os habreis topado: Cuando quieres presionar en algo y que aparezca un tooltip, pero al pulsar en el document lo oculte si se estaba viendo. Entonces pulsas en el elemento y se muestra el tooltip, pero al pulsar de nuevo, hace efecto el click en el document con lo que se oculta el tooltip y entonces el evento del elemento lo detecta de nuevo oculto y lo vuelve a mostrar.... total, pulsando nunca lo ocultas.

En el caso contrario del orden de eventos pasaria que al pulsar haria efecto el document, ocultaria nada, pero seguiria y el evento del elemento mostraria el tooltip, al pulsar otra vez ocultaria el tooltip el evento del document y el evento del elemento volveria a mostrarlo... Nunca lo ocultas...

En definitiva un bucle infinito del que no salgo... :S


Código Javascript:
Ver original
  1. $("elemento1").click(function(){
  2. // Mostramos un tooltip si no estaba visible o lo oculta si estaba visible
  3. })
  4.  
  5. $(document).click(function(){
  6. // OCultamos el tooltip si se está viendo
  7. })


Como se resuelve esto? Lo solucioné poniendo atributos y returns falses hace tiempo, una solucion un poco-bastante sucia, por que seguramente hay alguna forma mas original de solucionarlo.

Alguna sugerencia?
  #2 (permalink)  
Antiguo 07/09/2011, 12:51
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 15 años, 1 mes
Puntos: 145
Respuesta: JQUERY - tooltip

Hola leif_sk8er:

se me ocurre de dos maneras, con click o con hover.

Código:
$("elemento").hover(
  function () {
    // Mostramos tooltip
  }, 
  function () {
    // Ocultamos tooltip
  }
);
y la otra


Código:
$("elemento").click(function(){
// Mostramos tooltip
})
$("body").click(function(){
// Ocultamos tooltip
})
Personalmente creo que la idea de los tooltip es mostrar info adicional que muchas veces el usuario no espera, por lo que es mejor dejarlo con hover sin esperar a que el usuario haga click.

Saludos.
__________________
http://chicho.ninja yiaaaa
  #3 (permalink)  
Antiguo 08/09/2011, 07:54
 
Fecha de Ingreso: junio-2009
Mensajes: 309
Antigüedad: 10 años, 7 meses
Puntos: 5
Respuesta: JQUERY - tooltip

Es un boton de acciones, funciona con click. Pero el caso del click que has comentado es el que explico arriba que da problemas... por que al hacer click, si se está viendo el tooltip, ejecutará el evento del document no? O da prioridad al del elemento por que está antes??
  #4 (permalink)  
Antiguo 09/09/2011, 14:27
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 15 años, 1 mes
Puntos: 145
Respuesta: JQUERY - tooltip

puedes poner el ejemplo online? quizas no sea precisamente ese script el que te da problema, sino otro.

Saludos.
__________________
http://chicho.ninja yiaaaa

Etiquetas: tooltip
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

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 03:02.