@@ -295,4 +295,36 @@ $('div.columns').equalHeight(); }); $(this).css('height',max_height+'px'); } +})(jQuery); + +/* +Placeholder text for your inputs, ie. search boxes + +Only adds placeholder text to input if field is empty. Clears the input on focus. +Adds and removes CSS class "placeholder" to/from the input so you can style the placeholder state. + +CSS: +input#search_field {color:#666} + +Javascript: +$('input#search_field').placeholder('Use this box to search'); +------------------------------------------------------*/ +;(function($){ + $.fn.placeholder = function(placeholderValue){ + + $(this).focus(function() { + if($(this).val() == placeholderValue) { + $(this).removeClass('placeholder'); + $(this).val(''); + } + }); + + $(this).blur(function(){ + if($(this).val() === '') { + $(this).addClass('placeholder'); + $(this).val(placeholderValue); + } + }); + $(this).trigger('blur'); + } })(jQuery); \ No newline at end of file common.jquery.js 4a30f688c6a437b2ff17ae690afa3e2c70e3f8b8 Ismael Celis ismaelct@gmail.com http://github.com/ismasan/jquery-patterns/commit/d89631a05b3588872aca661b17a5b2c230d2386c d89631a05b3588872aca661b17a5b2c230d2386c 2009-11-05T05:11:24-08:00 2009-11-05T05:11:24-08:00 Added $.fn.placeholder() 5853a4c8fc923cca81a0f6e032bcea294001d4c0 Ismael Celis ismaelct@gmail.com