Still can't get ToolTips to follow mouse.

Poster: vikenk
Dated: Monday January 2 2006 - 16:04:05 GMT

Hello all,

I've been trying to figure out what i'm doing wrong and can't seem to. I want to incorporate ToolTips that move with the mouse but I can't seems to accomplish that.

Go to my site:
http://home.comcast.net/~vikenk

Scroll to the bottom. Underneth the HTML and CSS logos you will see the ToolTips copied and pasted *exactly* as on the source of the sample page. It won't move with the mouse. I went to the ToolTips sample page, viewed the source and copied and pasted exactly. It doesn't seem to work in any of my sites or test pages.

I'm using Menu v 5.738 and ToolTips v 2.1.

Any Ideas?

Viken K.

P.S. Another interesting thing is that when I hover the mouse over the Link, the menu sems to reload. You can see on hovering over the link, the menu will "follow scroll" again, making the menu seem to "hiccup" on mouse over.

tooltips

Poster: Migru
Dated: Monday January 2 2006 - 17:35:46 GMT

First test

Hi

yes I confirm, just tested your site.
But another observation too indicates, that something is not correct:

When the mouse cursor moves on this text, the menu starts flickering, on and off.
Did not yet study details.

Michael

Copied just that code into one of my pages, with the latest "tooltips.js" of course and properly referenced, everything works fine:
It is on my testpage http://www.dhyg.de/tooltiptest.html

Poster: InfernoCruiser
Dated: Monday January 2 2006 - 18:21:08 GMT

I just tested the tooltip link on your site, Michael (used IE6 and FF 1.0.7), and while it does pop up on initial MO, it drops out of sight on IE. In FF, it kind of works - initially shows next to the cursor, but then drops down if you move the mouse.

IE and FF

Poster: Migru
Dated: Monday January 2 2006 - 18:35:02 GMT

FF has version 1.5 in the meantime

I´m using 6.02. (Windows XP) and with this it works.
Here, it works with FF 1.5 and with IE too ! But I can confirm your menus "hiccup" !



Michael

Poster: vikenk
Dated: Monday January 2 2006 - 18:43:30 GMT

Michael,

You are seeng the tooltip follow the mouse in IE? I'm using Opers 8.51, Firefox 1.5, IE 6.02 (XP SP2), and Netscape 8.0.

In all of these browsers the ToolTip will show up, but it will NOT follow the mouse which is what I want.

Can't figure it out yet.

Viken K.

FOLLOW THE MOUSE

Poster: Migru
Dated: Monday January 2 2006 - 19:04:08 GMT

Yes on my testpage, the tooltips are following the mouse, in IE, in FF and in Opera 8.5 as well. BUT NOT ON YOUR SITE. There it is everywhere the same, your menu got hickup and the tooltips show up, but do not follow.
Just started to have a look at your code....

Copied your page on my PC, started it locally, no difference, the "hiccup" is there, even when I took the sample code out of the div and behind the noframe tag. Its the same there. There must be somewhere an accidental "link" between your menudata and the tooltips data file and that code. (Somewhere e.g. a commen styles name ?) Or the placement of the tooltips file should be changed ? Did not test that. Can you e.g. "swich off" your css file to see what happens with the tooltips ?

Michael

UPDATED

Poster: vikenk
Dated: Monday January 2 2006 - 19:29:22 GMT

Michael and all,

Thanks for replying. The problem is partially solved. I downloaded all the menu source files and the tooltips source file and replaced them one by one until I found which file was causing the problem. It was the tooltips js file. I replaced the file and adjusted the style to my style.

The tooltips follow the mouse but a new problem has arisen :>( Go to this test page:

http://home.comcast.net/~vikenk/new_page_1.htm

This is a stripped down version of the site, with no CSS. I have two identical links, one near the top of the page and one near the bottom. The top link works, but scroll to the bottom and see what happens. The tooltip appears, but disappears once you start to move it.

The menu "hiccup" is still there, but only when the page is scrolled down. Notice how the menu doesn't "hiccup" when you hover over the link at the top?

Interesting, to say the least.

Viken K.

Re: UPDATED

Poster: vikenk
Dated: Monday January 2 2006 - 19:56:22 GMT



This was being caused by tooltip offset. The offset would show the tip below the text and it was causing it to go below the bottom of the page. Once I set the tooltip to be above the text, it became more stable. It's still a bit "buggy" in FF. The ToolTip disappears at the bottom of the page in my version.

The menu hiccup is still there though.

Viken K.

TOOLTIP

Poster: Migru
Dated: Monday January 2 2006 - 21:44:13 GMT

Hi

yes, found that, when the offset gets the tooltip too close to the lower window margin, it is a problem.
I have therefore set up another "testpage", where you can see, that it is working.

http://www.dhyg.de/tooltiptest.html

my testpage I had previously, worked fine here on my PC, because of a very high monitor resolution. When I tested on an other monitor I was aware of the problem.

Michael

Poster: Ruth
Dated: Monday January 2 2006 - 23:26:03 GMT

Hi,



That is the result of the built in collision detection of the menu. To prevent that add the global property ignoreCollision=true; to the top with the other Global Properties, i.e. sufOffsetLeft. Where those properties are.

As to the blink. I'm unable to figure out how to stop that. What is happening is because of the followscroll. When the mouse goes off or on the tip, the menu repositions to its starting position and then shifts based on the followscroll to where it should be on the screen.

Ruth

Poster: vikenk
Dated: Tuesday January 3 2006 - 4:04:05 GMT

Good ol' Ruth....always comes around with a great answer!

Yes, I had discovered that FollowScroll had something to do with it. When you hover the mouse over the menu, the menu repositioning is not perceptible unless the page is scrolled and follow scroll is on.

Maybe that's a fix for tooltips v2.2 :>)

Viken K.

Poster: vikenk
Dated: Tuesday January 3 2006 - 4:09:28 GMT



Just to be sure, should I add IgnoreCollision=True; to the menu_data.js file or to the tooltips.js file?

Also, do I need to precede it with the underscore (_IgnoreCollision=True;) like some of the other global properties?

Poster: Ruth
Dated: Tuesday January 3 2006 - 6:15:48 GMT

Hi Viken,

Nope, just ignoreCollision=true; Don't ask me why, I have not a single clue. That's just how it is in the Global properties section so, that's how I did it. It goes in the menu_data.js file.

The only ones I noticed that have the _ are the ones normally found at the top of the menu_data file excluding the fixMozilla thing, plus the _CFix for Macromedia's Contribute bug that they haven't seemed to fix.

Ruth

tooltips ff

Poster: Migru
Dated: Tuesday January 3 2006 - 9:42:25 GMT

Hi
I would like to contribute at this point to another "speciality", as I do not want to open a new subject in the forum.

It is a special tooltip popup over an iframe which contains an animated gif.
I do not know, if Milonic will fix that. the image is cut off.
Please see http://www.dhyg.de/index_768.html
See the alphabet below the iframe. A-Z, all letters are linked with a tooltip,
letter M however with the speechbubbleTip. You could say, OK modify the offsets and the image, so that the speechbubble appears below and this problem won´t come up. If so, then it is recommended to give a hint accordingly, for such a special thing. But of course, may be a fix is possible!
(By the way, in this sample the Milonic link has the follow-mouse-tooltip)

An additional issue is the automated positioning of the standard tooltips. When menu items, e.g are placed close to the right margin of the window, the corresponding tooltip is not visible. You can see that moving the mouse over the "yellow" menu on this page. (The menu on top of the iframe). There again the speechbubble (first menu item) is cut off, this time, when it is over a menu.

Michael

Poster: vikenk
Dated: Tuesday January 3 2006 - 12:17:51 GMT

Hi Michael,

When I hover over the "M" in the alphabet, the speech bubble seems like it's repeating, or tiling. I can see the entire speech bubble, and below it, I can see the top half of the bubble, like a tiled background. Maybe that's what's happening? Perhaps setting a custom width/height will help that?

If you look at my tooltips.js file, you will see that I added an "itemwidth" style to the tooltip so I could control the size of the tip and have auto text-wrapping. For some reason, I couldn't get M_maxTipWidth=xxx to work. Maybe you could try to adding itemwidth/itemheight to your file and see what happens. I took a look at your tooltips.js file and it seems like it's set to the default settings.

Viken K.

tooltips

Poster: Migru
Dated: Tuesday January 3 2006 - 14:05:17 GMT

Hi

thanks for suggestions,

I have to correct/complete my previous report. What I´ve described there is in FF only, (my standard browser), whereas in IE it is exactly what you have reported, call it: "repeating effect". Height/widht are set, didn´t help.
The limiting itemwidth, in order to force a wrapping, of course can only work, if its not an image, which has to be wrapped. In the case of speechbubbles an image is displayed, and the heigth and width set there corresponds with the dimensions of the image.

Michael

PS:gave up !! Replaced "bubbleTip" and such things with the standard tooltip.

Poster: Andy
Dated: Thursday January 5 2006 - 19:33:55 GMT

This should all be fixed for the next version of the menu.

-- Andy