When I click on the clicktip and then hover over the hovertip embedded therein, the hovertip's zorder is inverted such that it rests behind the clicktip. I can make the hovertip visible by reducing the size of the font, for a brief second or two. Firefox 1.5.0.6. Also tried with IE 6.0.2800.1106. Same result.

Still, way cool.

Mike Anon (drupal777 on drupal.org)

It's great to have the option of click vs hover and of the result being inline vs floating.

would it be easy to have the hovertip inline and the clicktip floating?

Would be cool if you can do it without non-standard (x)html-params (like hovertip or target) ;)

Hey, thanks for this great plugin. I used it to present a complex diagram in a simple way (not public yet).
How far is your hovertips drupal module from being finished? I would be very much interested. It seems in 4.7 jquery conflicts with Drupal javascript functions (e.g. the input format link in the add comment section.)

On my pages hovertip divs appear after calling hovertipInit function all simultaneously for about second or half.
I tried to mess with JS (your script is very clean and easy to understand, almost first JS I really liked to read) but no luck, they hanged a little then hided.
I believe this effect appeared because jQuery takes much time on hide() after css('display', 'block') in jQuery.fn.hovertipActivate().
Manual hiding and showing of divs could not help too, so I put all hovertips divs in divs with style="display: none".

<div style="display: none;">
  <div class="hovertip">
    ..
  </div>
</div>
 
This works because you take that divs from their places and append them to body as I undertand.
Anyway it helped.
I dont know if you, dave, faced with such problem. Maybe It is just my specific case because I have very heavy pages here now.
But probably you could wrap hovertip in such a div before assigning hovertip's "display" css property "block" value to avoid such situation at all.

I have to show hovertips divs upon another elements wich have z-index set to 20.
I set z-index to div.hovertip to 60.
Hovertips continue to show under elements with z-index 20.
I changed hovertipShowUnderMouse function, added
'z-index': 60
after 'left': hovertipMouseX + 'px',
and hovertips became to appear where needed.

Cant understand how jQuery removes z-index from div.hovertip, but it probably does does.

Hello all,
I use this clean work to implement a kind of "new tip":a popupmenu, therefore a tip that appears with a click and disapears like an hovertip.
I'll post the necessary routines when it will be clean enough....

BTW, when I did test the hovertip under IE, the "targetSelectByPrevious" way doesn't work. Since I usually work on a mac, I dont have the necessary tools to investigate....

Thanks for the work anyway.
Michel

Hi and congratulations for this great plug-in.

I have one comment and one issue. the comment is that, as someone has alredy mentioned, I need to enclose the hovertip between a <div style="display:none;"></div> in order to avoid the tip to briefly displayed before diasspearing as the page loads up. this is not an issue for me as I am using the hovertip in a controlled enviroment where I know that js will always be turned on.

the issue I have is that the solution seems to work fine when one uses a small numebr of hover tips. I have inserted a hovertip in a table which is generated by a recordset. I use the unique ID from the recordset record to assign the various hovertip IDs. When the number of record is higher than 5/10 then the page becomes stuck for up to 1 or 2 minutes while, i suppose, the scripts deals with all the hovertips.

i supposed i must point out that i am using another plug-in (TABLE SORTER) which loads ok before hovertip scripts kick in.

Is this a limit of this hovertip plug-in, or is there something i am doing wrong?

many thanks,

Federico

Has anyone added ajax functionality into hovertips?

Hi, Im tryin to setup the hover tipo, but only with markut doesnt work... How I inicialize it???

// show the tooltip under the mouse.
// Introduce a delay, so tip appears only if cursor rests on target for more than an instant.
hovertipShowUnderMouse = function(el) {
hovertipHideCancel(el);
if (!hovertipIsVisible(el)) {
el.ht.showing = // keep reference to timer
window.setTimeout(function() {
el.ht.tip.css({
'position':'absolute',
'top': (hovertipMouseY - 140) + 'px',
'left': (hovertipMouseX - 120) + 'px'})
.show();
}, el.ht.config.showDelay);
}
};

I've positioned these to show the tip above and to the left of the statement but my off hover still seems to recognize where the box "would have been" when I leave. Specifically, it's treating the mouse cursor as if it's still to the right of the box when I try to leave. If I leave to the left of the element it closes immediately, if I leave to the right of the element it takes that 140 again before I can "mouse out".

Any ideas on where to set this or make the adjustment somewhere else in the script?

-B

// show the tooltip under the mouse.
// Introduce a delay, so tip appears only if cursor rests on target for more than an instant.
hovertipShowUnderMouse = function(el) {
hovertipHideCancel(el);
if (!hovertipIsVisible(el)) {
el.ht.showing = // keep reference to timer
window.setTimeout(function() {
el.ht.tip.css({
'position':'absolute',
'z-index':'101',
'top': hovertipMouseY + 'px',
'left': hovertipMouseX + 'px'})
.show();

/* Hack: Add iframe */
var ieMat=document.createElement('iframe');
if(document.location.protocol == "https:")
ieMat.src="//0";
else if(window.opera != "undefined")
ieMat.src="";
else
ieMat.src="javascript:false";
ieMat.scrolling="no";
ieMat.frameBorder="0";
ieMat.style.position= 'absolute';
objToolTips = document.getElementById( el.ht.tip.attr('id') );
ieMat.style.width= objToolTips.offsetWidth+"px";
ieMat.style.height= objToolTips.offsetHeight+"px";
ieMat.style.zIndex="-1";
objToolTips.insertBefore(ieMat, objToolTips.childNodes[0]);
objToolTips.style.zIndex="101";
ieMat.style.zIndex="-1";
/* End Hack: Add iframe */

}, el.ht.config.showDelay);
}
};

Wow. So far the best implemented jquery tool tip script I have found so far. Would be perfect if you added mouse trailing to it, like this jquery tool tip:

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

However, this tool tip is not implemented as well as yours...

Any chance that you can add it?

I really like the behaviors of your tooltip system. The only thing I am looking to fix is the tooltip to appear over the mouse when the link is at the bottom of the page, which cause the page to extend over to desired height. I am sure that this is a quick fix, but I can't figure out how implement it.

Often, sleep gives more answers than forums

Hovertips continue to show under elements with z-index 20.
I changed hovertipShowUnderMouse function, added
'z-index': 60
after 'left': hovertipMouseX + 'px',

limousines

The Drupal module works a treat!

Hi there,

I noticed that the hovertip is positioned so that its top left corner is under the mouse when clicked. If the page boundary is close by, or for some other reason you want to put in an offset (or say tl, bl, tr, br corners) you cannot. I tried to change the hovertip js code shown here ('top': hovertipMouseY + 'px' +offset) but it failed. I am quite new to js.

How can you alter the offset for this ?

Regards,
Robert (in OZ)

211 // show the tooltip under the mouse.
212 // Introduce a delay, so tip appears only if cursor rests on target for more than an instant.
213 hovertipShowUnderMouse = function(el) {
214 hovertipHideCancel(el);
215 if (!hovertipIsVisible(el)) {
216 el.ht.showing = // keep reference to timer
217 window.setTimeout(function() {
218 el.ht.tip.css({
219 'position':'absolute',
220 'top': hovertipMouseY + 'px',
221 'left': hovertipMouseX + 'px' })
222 .show();
223 }, el.ht.config.showDelay);
224 }
225 };