Hi
Welcome to ScriptLance contests. This is one of several first contests posted by us to demonstrate, as well as make use of, this great new feature.
This contest is unique because we want you to find and suggest the best Javascript/AJAX/CSS/HTML code for our use: A tooltip that appears on mouseover of usernames on ScriptLance pages and displays profile data and stats.
This is not a design contest; We just want you to find us the best code to operate the future tooltip. You can either find it by doing research, tell us about options you are aware of, or show off a demo you made. Either way your contest entry should include a link to the code in action.
We are offering $50 to the best solution, and will consider runner up prizes if several good suggestions are posted.
What we are looking for in a tooltip:
-compact size for fast loading.
-efficient
-easy to modify
-tooltip doesn't disappear instantly. only after cursor moves away for X seconds, or onClick somewhere else on page.
-I like the Facebook tooltips/popups.
-affordable price to purchase code
With each submission, please include a link to the code demo, and explain why the code is good for us (what features it has).
Suggestions for interesting and innovative tooltip code are appreciated. Feel free to post questions on public comment board.
Thank you
-Rene Trescases
Owner,
ScriptLance.com
Additional Info (Added 1/31/2012 at 13:58 EST)...
Please include some info with your links. Tell me something about it. Tell me why you are suggesting that option.
Thanks
Additional Info (Added 2/2/2012 at 18:31 EST)...
I forgot to mention something important:
The code MUST use AJAX to retrieve the HTML content inside the tooltip. It cannot be preloaded on the page.
Thank you for all the suggestions, but the winner is clear due to it's smooth operation and clean, professional look: http://projects.nickstakenburg.com/tipped
It will fit ScriptLance well.
Here is another JavaScript tool-tip using AJAX to fetch data from server, just like Facebook.
http://debopriyo.com/newClients/tooltip/index.html
This page is calling a script installed on localhost. Doesn't work.
http://
http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html
i have more take a look at it
http://www.hongkiat.com/blog/tooltips-scripts-50-scripts-with-ajax-javascripts-css-tutorials/
one more it displays only text
http://www.alessioatzeni.com/blog/simple-tooltip-with-jquery-only-text/
http://vandelaydesign.com/blog/tools/tooltips-scripts/
http://dojotoolkit.org/documentation/tutorials/1.6/dialogs_tooltips/
Tipped: http://projects.nickstakenburg.com/tipped
I'll use your requirements to explain why this script is the best:
-compact size for fast loading:
everything gzipped is 20k, no images are used since tooltips are Canvas based
-efficient
does everything you'll ever need
-easy to modify:
configurable with pure javascript
-tooltip doesn't disappear instantly. only after cursor moves away for X seconds, or onClick somewhere else on page:
it can also do that
-I like the Facebook tooltips/popups.
it has a facebook style tooltip
-affordable price to purchase code
can't hire someone to make this for their prices
Forgot to mention, it works in IE6.
This one is the best I have see so far.
I think it's just what Rene it's looking for
It does not allow to copy the text on teh tool tip, and it is important to that.
It's possible, even by default.