Skip to content

@rkitover /placeholders.js
Created

Embed URL

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
// support placeholders in IE8/9
// From: http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text/comment-page-2
//
// requires jquery and Modernizer (http://modernizr.com)
jQuery(function($) {
if(!Modernizr.input.placeholder) {
$('[placeholder]').focus(function() {
var input = $(this)
if (input.val() == input.attr('placeholder')) {
input.val('')
input.removeClass('placeholder')
}
}).blur(function() {
var input = $(this)
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder')
input.val(input.attr('placeholder'))
}
}).blur()
$('[placeholder]').parents('form').submit(function() {
$(this).find('[placeholder]').each(function() {
var input = $(this)
if (input.val() == input.attr('placeholder')) {
input.val('')
}
})
}).bind('reset', function(e) {
$(this).find('[placeholder]').each(function() {
$(this).val($(this).attr('value') || '')
$(this).blur()
})
return false
})
}
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.