Skip to content

Instantly share code, notes, and snippets.

@jswebschmiede
Created December 18, 2012 13:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jswebschmiede/4327894 to your computer and use it in GitHub Desktop.
Save jswebschmiede/4327894 to your computer and use it in GitHub Desktop.
Cross-Browser Placeholder Support, auch für Passwort Felder im IE, mit Modernizr.
/* Modernizr load */
Modernizr.load({
test : Modernizr.input.placeholder,
nope : './js/ext/placeholderfix.js'
});
/* placeholderfix script */
$(function() {
var input = document.createElement("input");
if (('placeholder' in input) == false) {
$('[placeholder]').focus(function() {
var i = $(this);
if (i.val() == i.attr('placeholder')) {
i.val('').removeClass('placeholder');
if (i.hasClass('password')) {
i.removeClass('password');
this.type = 'password';
}
}
}).blur(function() {
var i = $(this);
if (i.val() == '' || i.val() == i.attr('placeholder')) {
if (this.type == 'password') {
i.addClass('password');
this.type = 'text';
}
i.addClass('placeholder').val(i.attr('placeholder'));
}
}).blur().parents('form').submit(function() {
$(this).find('[placeholder]').each(function() {
var i = $(this);
if (i.val() == i.attr('placeholder'))
i.val('');
})
});
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment