function (blurClass) NOT WORKING IN IE

Posted by Erik on Stack Overflow See other posts from Stack Overflow or by Erik
Published on 2010-03-23T15:51:25Z Indexed on 2010/03/23 15:53 UTC
Read the original article Hit count: 406

Filed under:

I can't get this plugin to function properly in IE....

Check out my homepage and look at the huge search field toward the top...

www.naturalskin.com

Whenever I refresh the screen the "blur" looses its function and I'm stuck with text.....

Here is the script that I place in an external js page: http://www.naturalskin.com/src/js/javascript/batches.js

jQuery.fn.hint = function (blurClass) { if (!blurClass) { blurClass = 'blur'; }

return this.each(function () { // get jQuery version of 'this' var $input = jQuery(this),

// capture the rest of the variable to allow for reuse
  title = $input.attr('title'),
  $form = jQuery(this.form),
  $win = jQuery(window);

function remove() {
  if ($input.val() === title && $input.hasClass(blurClass)) {
    $input.val('').removeClass(blurClass);
  }
}

// only apply logic if the element has the attribute
if (title) { 
  // on blur, set value to title attr if text is blank
  $input.blur(function () {
    if (this.value === '') {
      $input.val(title).addClass(blurClass);
    }
  }).focus(remove).blur(); // now change all inputs to title

  // clear the pre-defined text when form is submitted
  $form.submit(remove);
  $win.unload(remove); // handles Firefox's autocomplete
}

}); };

Erik

© Stack Overflow or respective owner

Related posts about blur