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
blur
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