Title Tooltips 2.0

By billythegates Last update May 31, 2008 — Installed 767 times.

Script Summary: Advanced website usability script that makes more or less fancy tooltips out of standard title attributes!



The tooltips now follow the mouse cursor, appear faster, don't cut off titles which are too long and splits them into lines. It additionally can add title tooltips to any image (out from "alt"-attributes) and hyperlink (out from "href"-attributes)!
Additionally, you can in principle put whatever you want (images, html, etc.) into the title attribute of your own pages or limit the scope of my script by altering the "getElements" function call (e.g. replacing '*' with 'img' to set the titles of images or with 'a' to set the titles of links).

Benefits of "Title Tooltips 2.0"

  • title-tooltips follow the mouse cursor
  • title-tooltips appear faster
  • title-tooltips can be further configured
  • tooltip content is not cut off but multiline instead
  • tooltip content is now sizable (via ctrl +/-)
  • image's "alt"-attributes are transferred to titles
  • links' "href"-attributes are transferred to titles if no title given

For additional configuration details see script homepage and the source code - thanks to Walter Zorn for his tooltip script!.

Recent Updates (newest on top):

  • 05/30/2008: hopefully fixed bugs that showed up with the last script update. Please check it out!
  • Fixed Firefox 3.0 RC compatibility issues!
  • Catched security error 1000 on some sites
  • Use alt attribute if no titles present on images! (can be disabled via ALTTITLES parameter)
  • Use link address if no titles present on link! (can be disabled via LINKTITLES parameter)
  • Now using standard AddEventListener()-function in order not to overwrite some page's onload handler!
  • Long titles are multi-line now (set line length via 'maxxTTLength' parameter)
  • When title tag is updated via DHTML, tooltip is updated too! (e.g. gmail)
  • Just extended script to all iframe's content documents!

For more information please write a comment!