public
Created

  • Download Gist
placeholders.js
JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
// 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
})
}
})

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.