jQuery замена метода Prototype

Question

У меня есть следующий скрипт, который изменит фоновое изображение текстового поля на фокус и сохранит предыдущее изображение, если содержимое будет emapty. Изображения - это что-то вроде водяных знаков. Это используется прототипа библиотеки javascript.

<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> 

Теперь я хочу, чтобы замена JQuery из this.I я уже использует JQuery в моих page.I хотят взять прототип от моей страницы.

Answer 1

Вы можете управлять фоновое изображение CSS свойство элемента на фокус и размытия событий:

$(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+')'); 
     } 
    }); 
});