jQuery i Drupal. Lekcija 7. Polje za pretragu na jQuery, događaji Focus i Blur

Verovatno ste već videli polje za pretragu sa tekstom "Pretraga", na koje kliknete i reč "Pretraga" nestane da biste mogli uneti svoj upit. Ispod je jQuery snippet za ovo:

$('#search-block-form .form-text').val('Pretraga');

$('#search-block-form .form-text').blur(function(){
     if(this.value == ''){
       this.value = 'Pretraga';
     }
});    

$('#search-block-form .form-text').focus(function(){
    if(this.value == 'Pretraga'){
      this.value = '';
    }
});

Za ovo se koriste dva događaja: .blur() i .focus().

.blur() – obrađuje događaj gubitka fokusa (tekstualnog kursora) sa objekta; ako je polje prazno, ubacujemo tekst "Pretraga".

.focus() – obrađuje događaj dobijanja fokusa na objektu; ako je u polju tekst "Pretraga", polje se prazni.