JAVASCRIPT » Ajax

  Delicious Bookmark this on Delicious Share on Facebook SlashdotSlashdot It! Digg! Digg

Ajax tooltip - AJAX Script


A nice tooltip script where the content of the tooltip is retrieved by Ajax from external files.
Files included in the package:
ajax-tooltip.html = Main HTML file
js/ajax-tooltip.js = Main JS file for the script>
js/ajax.js = Ajax (Library from http://twilightuniverse.com/projects/sack)
js/ajax-dynamic-content.js = The dynamic content script from this site
css/ajax-tooltip.css = CSS for tooltip
css/ajax-tooltip-demo.css = CSS for the demo
images/arrow.gif = Arrow used in the tooltip
demo-pages = External files loaded by the tooltip
Configuration First, you need to include the js files and css files as in the demo(ajax-tooltip.html)

The tooltip is called by a mouseover event applied to an <A> tag.
Example: <a href="http://navioo.com/javascript/" onmouseover="ajax_showTooltip(`demo-pages/ajax-tooltip.html`,this);return false" onmouseout="ajax_hideTooltip()">
The layout(size, colors and arrow) is defined in the CSS.
Hits: 5485

Free   Version: n/a   Platform(s): All   Updated:  March 12, 2008

Developer: Demo Download  
Rated by: 13 user(s)  
Follow Navioo On Twitter

Submit a resource