jQuery remplacement de la méthode du prototype

Question

J'ai le script suivant qui va changer l'image d'arrière-plan d'une zone de texte sur le focus et conserver l'image précédente ob flou, si le contenu est emapty.The images sont quelque chose comme des filigranes.Cette utilisation de la bibliothèque javascript prototype.

<div class="searchfield"> 
       <asp:TextBox ID="txtStoreId" runat="server" class="username searchbg"></asp:TextBox> 

       <script type="text/javascript"> 
//<![CDATA[ 
var storeidLabel = new FormLabel('txtStoreId', {image:'../lib/images/store_id.gif', emptyImage:'../lib/images/bg_userpw_notext.gif'}); 
//]]> 
</script> 

    </div> 

Maintenant, je veux avoir le remplacement jQuery de this.I suis déjà en utilisant jQuery dans mes page.I veulent prendre le prototype loin de ma page.

Answer 1

Vous pouvez manipuler la propriété background-image de l'élément css sur les événements de mise au point et le flou:

$(document).ready(function(){ 
    var image = '../lib/images/store_id.gif'; 
    var emptyImage = '../lib/images/bg_userpw_notext.gif'; 

    $('#inputId').focus(function(){ 
     $(this).css('background-image', 'url('+image+')'); 
    }); 

    $('#inputId').blur(function(){ 
     if ($(this).val().length === 0){ 
     $(this).css('background-image', 'url('+emptyImage+')'); 
     } 
    }); 
});