Make tooltips work when tabbing
Fixed the tooltips on IE, and changed the background colour to be
nicer on Firefox.
Patch by: Haoyu Bai <baihaoyu@gmail.com>
--- a/app/soc/content/js/tips-081027.js Tue Jan 27 22:59:01 2009 +0000
+++ b/app/soc/content/js/tips-081027.js Wed Jan 28 00:33:47 2009 +0000
@@ -1,3 +1,28 @@
$(function() {
- $('tr[title]').bt();
-});
\ No newline at end of file
+ // Change 'title' to something else first
+ $('tr[title]').each(function() {
+ $(this).attr('xtitle', $(this).attr('title')).removeAttr('title');
+ })
+ .children().children(':input')
+ // Set up event handlers
+ .bt({trigger: ['helperon', 'helperoff'],
+ titleSelector: "parent().parent().attr('xtitle')",
+ killTitle: false,
+ fill: 'rgba(135, 206, 250, .9)',
+ positions: ['bottom', 'top', 'right'],
+ })
+ .bind('focus', function() {
+ $(this).trigger('helperon');
+ })
+ .bind('blur', function() {
+ $(this).trigger('helperoff');
+ })
+ .parent()
+ .bind('mouseover', function() {
+ $(this).children(':input').trigger('helperon');
+ })
+ .bind('mouseleave', function() {
+ $(this).children(':input').trigger('helperoff');
+ });
+});
+