Posted By

errkk on 12/08/10

Tagged

search
text

Versions (?)

Last Edited at 12/08/10 02:14am

Statistics

Viewed 705 times

Favorited by 0 user(s)

Related snippets

Search Input text

/ Published in: jQuery

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

// Put text in the search box and remove it and change the colour when it needs to be used.
function search_text()
{
    var search_advice_text = $('#f_search').siblings('label').text();
 
 
    $('#f_search').val( search_advice_text ).css({'color':'#ccc'});
 
    $('#f_search').focus(function(){
        if( $(this).val().length == 0 || $(this).val() == search_advice_text ){
            $(this).val( '' ).css({'color':'#444'});
        }
    }).blur(function(){
 
 
        if( $(this).val().length == 0 ){
            $(this).val( search_advice_text ).css({'color':'#ccc'});
        }
    });
 
}