Use jQuery to highlight input boxes on focus.

[code lang=”js”]
// Make focused fields stand out.
$(‘input[type="text"]’).addClass("idleField");
$(‘input[type="text"]’).focus(function() {
$(this).removeClass("idleField").addClass("focusField");
if (this.value == this.defaultValue){
this.value = ”;
}
if(this.value != this.defaultValue){
this.select();
}
});
$(‘input[type="text"]’).blur(function() {
$(this).removeClass("focusField").addClass("idleField");
if ($.trim(this.value == ”)){
this.value = (this.defaultValue ? this.defaultValue : ”);
}
[/code]

This entry was posted in Code and tagged , , , .

Post a Comment

You must be logged in to post a comment.