JQUERY - tooltip

[leif_sk8er]

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:

$("elemento1").click(function(){
// Mostramos un tooltip si no estaba visible o lo oculta si estaba visible
})
 
$(document).click(function(){
// OCultamos el tooltip si se está viendo
})
 

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?

[chichote]

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.

[leif_sk8er]

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??

[chichote]

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

Saludos.