app/soc/content/js/tips-081027.js
author Sverre Rabbelier <srabbelier@gmail.com>
Wed, 28 Jan 2009 00:33:47 +0000
changeset 1018 02ffb446da6e
parent 426 114fe0f840c8
child 2025 e44de18a2f5d
permissions -rw-r--r--
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>

$(function() {
  // 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');
              });
});