Advanced Search

Return to Snippet

Revision: 16890
at August 18, 2009 14:05 by jonathanpglick
Initial Code 
Drupal.behaviors.clearText = function(context) {
	var inputs = $('input.clear-text:not(.processed)');

	// Store the original values
	inputs.each(function() {
		$this = $(this);
		$this.data('default', $this.val());
	}).addClass('processed');
	
	// Set up inputs to clear on focus & reload default (if blank) on blur
	inputs
		.focus(function() {
			$this = $(this);
			if ( $this.val() == $this.data('default') ) {
				$this.val('');
			}
		})
		.blur(function() {
			$this = $(this);
			if ( $this.val() == '' ) {
				$this.val( $this.data('default') );
			}
		});
}
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
Takes any field with the class .clear-text and makes it clear it's default text (ex: 'search here') when it is focused on.  If nothing is changed or the field is left blank, the original text appears when focus leaves the field.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Clear Text Javascript Drupal Behavior

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
JavaScript