ToolTip_MooTools

Tooltip let's you create mouse over tooltips to your content and allows you to show additional information.It using Gzip loader technique that will deliver CSS and Javascript files more faster and also with minimun HTTP request.Need MooTools,PHP and a few js.The main code is from YOOtooltip.

DEMO

Download:ToolTip using MooTools (67 kB)

License:Free

Sticky option:0 or 1 1 is with close

The mode: cursor or trigger

Display parameter:block or inline

The display option is used to define wether the tooltip trigger is a "inline" or "block" element. By default every trigger is a "inline" element. Tip: Use the "block" option when adding tooltips to div's which surround images.

Below is the code of demo:

Code

Set as favorite

Bookmark

Email this

Comments (15) add comment

Show/hide comments

cengberg said:

	... Is there a way to position the tooltip under the link? Or can is it possible that it can position depending on the available space in the browser window? Thanks!
	report abuse vote down vote up

January 22, 2010 | url
Votes: +0

Ziggii said:

	... Perfect for my site, but.... Is there a way to position the tooltip to the right?
	report abuse vote down vote up

April 23, 2009 | url
Votes: +1

Ezrockstar said:

	... Thanks. It works on my site.
	report abuse vote down vote up

April 17, 2009 | url
Votes: +2

Anzee said:

	... Hi there.... I have downloaded the file but i cant see it is functioning well. I cant see the close X icon and also the background image. And the php file totally not usefull for the tooltips function. Mayeb the file u uploaded for user to download is not a complete example???
	report abuse vote down vote up

March 17, 2009
Votes: +1

GreyK50 said:

	... Hey, thanks for sharing this man... cool tooltips by the way. Just.. i've download the zip file, but the script sort of can't call the bubble image file.. please advise, thanks.
	report abuse vote down vote up

March 11, 2009 | url
Votes: +1

zilveer said:

	... great script. is there any version for mootools v1.2? thanks for answering
	report abuse vote down vote up

February 23, 2009 | url
Votes: +4

Radu Stanciu said:

	... I'm trying to get this working with mootools 1.2 and I'm stuck on something. I'm trying to change the setHTML parameter but the tooltip.js file I downloaded is compressed and just replacing the text with set('html') gives me a syntax error. Is there a way to decompress the file? Or a quick fix to fix the 1.2 transition? Thanks
	report abuse vote down vote up

January 20, 2009
Votes: +8

Stick said:

	... Thx a lot !!
	report abuse vote down vote up

January 08, 2009
Votes: +1

Open Source Customization said:

	... how can i fetch content from another file.
	report abuse vote down vote up

November 28, 2008 | url
Votes: +2

christrack said:

	... Hi, I resolved my previous issue: it needs to put in yout MT 1.2.0 code the function setHTML from MT 1.1 of this site and change Fx.Styles with the newer Fx.Morph.
	report abuse vote down vote up

November 05, 2008 | url
Votes: +10

chrisvooo said:

	... Hi, is there a way to make this script compatible with MooTools 1.2.0? I receive the error "(new Element("div", {class: "tooltip-m"})).injectInside(this.tooltip_r).setHTML is not a function". Thanks
	report abuse vote down vote up

November 05, 2008 | url
Votes: +8

avelasquez said:

	... gracias, pondre en uso tu aporte. saludos.
	report abuse vote down vote up

October 27, 2008 | url
Votes: +0

Kushal b said:

	... Great Work. Is it possible to show tooltip on other events such as onclick, onmouseover, etc instead of hover? If so what changes need to be done in the code? great work again. thx
	report abuse vote down vote up

October 23, 2008
Votes: +3

Randy said:

	... Thanks for the great script! Is there a way to make it sticky, but close when you roll off of one and onto another? For example, I'd like to use it on a navigation bar where more links/info would show up when they roll over one link and then close when they move to another link. Thanks again!
	report abuse vote down vote up