Jquery - Manage Search Box Values

Jquery – Manage Search Box Values

A popular effect is to fill a site’s search box with a value (like ‘search…’) and then use jQuery to clear the default value when the field receives focus, reverting if the field is empty when blurred.

That is easily accomplished with a couple lines of jQuery:


$(function(){
	//set default value:
	$("#searchbox")
	  .val('search?');
	  .focus(function(){this.val('')})
	  .blur(function(){
		(this.val() === '')? this.val('search?') : null;
	  });
});

Posts Related to Jquery - Manage Search Box Values

Javascript – function to manage function timeout
Working with form validations and AJAX requests associated with the event keyup in the input fields. Sometimes the validation requires an AJAX call (for instance ...
JQuery – Keep your Code Safe
If developing code for distribution, it’s always important to compensate for any possible name clashing. What would happen if some script, imported after yours, also ...
Jquery – No conflict-mode
To avoid conflict other libraries on your website, you can use this jQuery Method, and assign a different variable name instead of the dollar sign.
JQuery – Accessing Native Properties and Methods
So you've learned a bit of JavaScript, and have learned that, for instance, on anchor tags, you can access attribute values directly: The only problem ...
JQuery – Passing an Attribute Object
As of jQuery 1.4, we can now pass an object as the second parameter of the jQuery function. This is helpful when we need to ...