Comments on: Unobtrusive “clear searchfield on focus”

By: LearnWebCode

LearnWebCode — Sun, 31 Jan 2010 00:09:15 +0000

Thanks for posting this! I’m a jQuery beginner and this was exactly what I needed .

By: ravi

ravi — Wed, 20 Jan 2010 12:03:13 +0000

thanks a lot i tried it. works perfectly

By: midday

midday — Thu, 03 Sep 2009 10:15:07 +0000

>>works_as_espected?
=>true

thanks

By: ana

ana — Sun, 12 Jul 2009 19:21:49 +0000

Great script! Very useful for a jquery dummy

By: Dagomar

Dagomar — Thu, 09 Jul 2009 16:29:56 +0000

That is a lifesaver! Took me about 5 minutes to implement this on a Drupal site! Thanks!

By: emptywalls

emptywalls — Tue, 30 Jun 2009 19:51:25 +0000

Thanks very much for this. I am doing the javascript replacement with jquery on the new company site, and this is exactly what I needed.

By: Anonymous

Anonymous — Fri, 30 Jan 2009 20:47:02 +0000

Nevermind, I figured it out.

$(“#s”).focus(function() {
if( this.value == this.defaultValue ) {
this.value = “$”;
}
}).blur(function() {
if( !this.value.length || this.value == “$” ) {
this.value = this.defaultValue;
}
});

By: Anonymous

Anonymous — Fri, 30 Jan 2009 20:43:25 +0000

Quick question.
I wanted to use something like this for someone to enter a donation or a price for a product, etc.

How would I go about having it so when the user clicks on it the default value disappears and leaves only a dollar symbol?

If I do this.value = “$”; then the .blue() function doesn’t kick in because obviously it does now have a value.

How would I word the .blur() if statement so that if it’s empty or if it only has a dollar symbol it will go back to default?

By: Anonymous

Anonymous — Tue, 13 Jan 2009 08:20:42 +0000

Very Nice utility snippet. Though the needs are slightly different but this can be used.
Raj

By: Jörn

Jörn — Sat, 03 Jan 2009 12:54:36 +0000

@Connor: The last line in the example shows the usage. Put the function into some library file, and use it elsewhere as you need it.