Make tooltips work when tabbing
authorSverre Rabbelier <srabbelier@gmail.com>
Wed, 28 Jan 2009 00:33:47 +0000
changeset 1018 02ffb446da6e
parent 1017 6ad4fdb48840
child 1019 0cd056f2c739
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>
app/soc/content/js/tips-081027.js
--- 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');
+              });
+});
+