jQueryのPrototypeメソッドの置換

Question

コンテンツがemaptyの場合、フォーカスのあるテキストボックスの背景イメージを変更し、以前のイメージobのぼかしを保持する次のスクリプトがあります。イメージはウォーターマークのようなものです。これが使用していますプロトタイプの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> 

は今、私は私のpage.Iは離れて私のページからプロトタイプを取りたいでthis.IのjQueryの交換が既にjQueryのを使用しています持っていると思います。

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