Carlos Villacreses says:

Hola, tengo varias inquietudes, a ver si me pueden ayudar:

1) No logro implementar sexylightbox y sexytooltips a la vez. Si lo hago el overlay del sexylightbox no se muestra, la imagen y todo lo demás si al igual que el tooltip pero tengo que dar varias veces click a mi enlace para que se abra el sexylightbox con error js por cierto.

2) Hay forma de reemplazar la info que va en el campo tittle de un enlace para mostrar en sexylightbox por un sexytooltip ??

Cualquier ayuda les agradecería.

Carlos Villacreses says:

Tenia un error en mi sitio, estaba apuntando ambas librerÍas del jquery ( jquery y jquery.min ). Con esto pude solucionar lo del implementar sexylightbox y sexytooltips a la vez.

Pero me falta el punto 2) y ahora agrego un nuevo punto.

3) Como puedo hacer para que me aparezcan los sexytooltips al pasar el mouse por cada elemento que tenga un id igual. Ejemplo: Tengo una galería y las fotos tienen el mismo id=”cliente”, en el código estoy estableciendo el tooltip para #cliente pero solo se muestra en la primer foto, en las demás no.

Jonathan says:

Hi Eduardo.

I’m trying to add a new feature to your very interesting sexyTooltip.
Indeed, I need to have the ability to have different tooltip on the same element according to a previous action (but there is only one tooltip at the same time on this element).

So I needed a function to rebind a new tooltip and be sure everything created for the previous tooltip on the same element was cleaned.

I wrote this function and would like to have your opinion :

tooltipOverride: function(content, options) {
            var John_Resig = {};
            this.each(function() {
                if (this.OBJtooltip) {
                    this.OBJtooltip.trigger.unbind();
                    this.OBJtooltip.skeleton.close.unbind();
                    this.OBJtooltip.tooltip.remove();

                    this.OBJtooltip = null;
                }
                this.OBJtooltip = new ToolTip().initialize(this, content, options);
                John_Resig = this.OBJtooltip;
            });
            return John_Resig;
        },

Sergio says:

Hola Eduardo estoy agregando sexytooltips a una pagina.., esta pagina tiene un menu en la parte izquierda, cuando paso por algun enlace con sexytooltip se ver el cartel, paso el mouse por la X se cierra normal, paso por otro tambien se cierra normal pero llega un momento que no puedo hacer clic en los primeros enlaces del menu de la izquierda… si veo que pasa con firegub veo que quedan unos div sobre el menu despues de cerrar los sexytooltips creo que el tema pasa por como quedan los div cuando los ocultas
el div oculto original esta asi
display:none
pero al cerrarse el sexytooltips queda display: block con lo cual queda oculto pero sobre mi menu y no me deja hacer clic habra forma de solucionarlo
Saludos

Alexis says:

Hola tengo el siguiente codigo, y quisiera saber si es posible que se repita el .tooltip para las instancias que dura el while, (ya se que no pasa). Quizas alguien sepa como hacerlo.
Saludos.

while ($prod = mysql_fetch_array($result)){

echo”“.$prod['stk_nom'].”“;

?>

$(document).ready(function(){
$(’#a1′).tooltip (’<?php echo"”.$prod['stk_prep'].”"; ?>descripción o precio’, { mode: ‘tr’, width: 200 });
});

<?php
}

Sergio says:

Se puede colocar algo para colocar con coordenadas en vez de colocar el tooltip en un elemento en la web ?

Ej: Quiero colocar el tooltip en la coordenada X Y de la pagina….

Gracias

aldodager says:

eduardo,

como hago para que cuando cargue la pagina, aparezcan los tooltips sin necesidad de estar haciendo mouseover o click

roberto alexander says:

hola. quisiera saber como puedo usar el sexy tooltip en una consulta mysql, es decir, en una lista de resultados me muestra el tooltip para cada registro, pero dentro de el tooltip me muestra solo el nombre del primer registro! gracias…

roberto alexander says:

ola. quisiera saber como puedo usar el sexy tooltip en una consulta mysql, es decir, en una lista de resultados me muestra el tooltip para cada registro, pero dentro de el tooltip me muestra solo el nombre del primer registro! gracias…

Mohan says:

AwE :O SoMe WorK!!

Lex says:

How can I show one ’sticky’ tooltip at a time?
I need the sticky feature but if you hover over another, then I need it to hide the others.

Thanks

Sergio says:

Estoy mostrando una dentro del Tooltip, funciona bien en casi todos los navegadores, salvo que en IE7 sólo funciona si lo uso fuera de un FRAME, probé en FF, IE6, IE8 y Chrome. Mi trigger es un mouseover de un .

J.v.C says:

No pues muy bien hijo lo has logrado!

Sergio says:

Gracias JvC, quiero mostrar una imagen dentro del Tooltip, pero en IE7 no consigo hacerlo porque mi script corre dentro de un Frame, ¿alguna sugerencia?, fuera del Frame si sirve, también en otros navegadores, pero necesito que funcione en IE7.

dhamasito says:

Hola que tal alguno de ustedes me podria ayudar con esto:

1.-quiero saber si actualmente en la pagina existe un tooltip activo, si es que esta uno quitarlo y volver a cargar un nuevo tooltip.

var objTOOLTIP = $('#a_o_servicio').tooltip ('<p><strong>Prueba</strong>: Este es una prueba</p>', {width: 200,style:'info'});

if (objTOOLTIP) {	objTOOLTIP.tooltip.remove();//quiero remover el tooltip

//despues de remover el tooltip quiero crearlo de nuevo

var objTOOLTIP = $('#a_o_servicio').tooltip ('<p><strong>Prueba</strong>: Este es una prueba</p>', {width: 200,style:'info'});

}

¡¡van a decir este wey esta loco!!, pero es que me surge un problema al momento de cargar contenido via ajax ya que el tooltip se queda pegado al campo al que se lo puse, entonces resulta que cuando paso de nuevo el cursor por el elemento ahora en lugar de un solo tooltip, tiene 2 tooltips

de antemano gracias.
aver si se puede hacer eso que quiero.

MiguelMich says:

Saludos Eduardo gran plugin, me he tomado el atrevimiento de agregarle una opción al tooltip para que éste se sitúe en la mitad del elemento, a quien pueda interesar aquí dejo el código:

Línea 288

		if(this.options.over == true){
			var trg = $.extend({}, trg, {
				'top'   : position.top,
				'left'  : parseInt(position.left) + size.x - (size.x/2),
				'width' : 0
			});
		}else{
			var trg = $.extend({}, trg, {
				'top'   : page.y,
				'left'  : page.x,
				'width' : 0
			});
		}

Y agregar la opción en el plugin:

      var defaults = {
        duration      	: 300,
        queue        	: false,
        tooltipClass  	: 'sexy-tooltip',
        style           	: 'default',
		over     			: false,
        width        		: 'auto',
        mode         	: 'auto',
        hook         		: false,
        mouse        	: true,
        click        		: false,
        sticky       		: 0,
        tip          		:
        {
            x : 'c',
            y : 't'
        }
      };

gobygoba says:

hi,

I try to put a delay before the sexy-tooltip opening. (Like a standard tooltip show in a Browser with the title attribut.)
I think it’s maybe a good future option of sexy-tooltips, you don’t think ?

I have add a delay “$(this).delay(1000, function(){…” of 1 second in the “show” fonction of sexy-tooltips, but it does’nt work !
Can you help me please ?

this.tooltip.stop();
        $(this).delay(1000, function(){
	        this.tooltip.animate({
	          opacity : 1,
	          top     : this.pos.top - 10
	        }, $.extend({}, this.options, {
	          complete: $.bind(this, function() {
	            this.tooltip.css({ opacity: '' }); // bug de jQuery, en IE deja vivo el opacity aunque sea = 1
	                                               // En mootools obvio no pasa esto.
	            this.fireevents(1)
	          })
	        }));
        });

Thanks.

gobygoba says:

if you want used sexy-tooltips for all classic tooltip generated by the title attribut of html tags, you can used this code (for JQuery):

$(document).ready(function() {
   	$("*[title]").each(function(){
   		if($(this).attr("title")!=""){
   			$(this).tooltip($(this).attr("title"), {width: 200});
   		}
   	});
});