jQuery замена прототипа метода

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 этим. Я уже использую jQuery на своей странице. Я хочу убрать прототип со своей страницы.

Answer 1

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

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