is there way not to hide the tooltip when the mouse is over it, and to hide on mouse leave??

Any ideas?

This fails for me in IE7:
var toolTips = new Tips(‘.tooltip’, { className: ‘custom_tip’ });

This works (functionally but looks terrible):
var toolTips = new Tips(‘.tooltip’);

Anybody got any ideas?

http://www.pressagecreative.co.uk

any comments (please be positive – it’s been a massive undertaking) wouls be welcome.

Thanks

I have some problems with my MooTools tips on my website on this page :
http://www.sub-info.net/index.php?mod=monsters

Just bring your mouse on the small icons on the last column of the table and you won’t see any tooltip except if the small icon is near the extrem right border, then you will see that the tip is under the main design.

So I’ve read that I have to increase the z-index but I’ve given it some value (from 10 000 to the max integer value) and the tip is still under de main design…

May somebody help me please? :)

Thanks.

My tip has a pointer on the top, you know, to indicate where you rolled over. In my example it’s a calendar – you get information about what happens on a date when you hover over it.

The problem is that the calendar is on the right of the page, so if you view a day on the right of the month, the “edge-of-the-page” offset change kicks in.

Can you tell me of a way to either:

a) Turn this off so the tip can go outside of the page

b) Tell it to switch the class of the tooltip when the “edge-of-the-page” thing happens. This is so I can mirror the background image and make the pointer appear on the other side.

Thanks and thanks for the great tutorial :-)

This is a great tut on customizing the images within the existing generated HTML structure.

Whats missing for me now however, is how we go about further customizing the contents. ie: How can I insert some span classes into the tip-text for more detailed tooltips?

Can anyone help me out there?

http://www.jaminproud.com/?page_id=11

I had to tweak the tips class a little bit and basically make a few different css classes for each image I wanted. Hope it helps.

It works great! One issue for me…
I have input text boxes and I want the tip to appear on the right.
So the offset will depend on the element.
I tried
$$(‘a.tooltip’).each(function(element,index) {
var content = element.get(‘title’).split(‘::’);
element.store(‘tip:title’, content[0]);
element.store(‘tip:text’, content[1]);
element.store(‘tip:offsets’, {x:element.width,y:0});
});
Wrong guess… In fact, I did not manage to store the offset.
What is the good way to do it?
Thanks guys, and girls
MIchael