0

背景画像を含むテキストボックスがあります。テキスト ボックスをクリックすると、背景画像が消え、テキストだけが表示されます。テキストが消去されると、背景画像が再び表示されるはずです。これはどのように可能ですか？

<asp:TextBox runat="server"  Width="160px" ID="txt_google_search" style="padding: 6px; background: url('http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif') no-repeat scroll left center rgb(255, 255, 255);" ></asp:TextBox>

コードビハインドで以下を試しましたが、うまくいきません。

txt_google_search.Attributes.Add("onclick", "me.style.backgroundImage = none;")
4

1 に答える 1

0

結局のところ、それはクライアント側の OnClick イベントの悪いコードであるということです。これには jQuery を使用し、次のようなものを生成します。

<style>
.bgImage {
    background: url(img/sprite.gif) no-repeat left top;
}
</style>

<script>
$(function(){
   $("#<% Response.Write(txt_google_search.ClientId) %>").live("focus", function() { 
      $("#<% Response.Write(txt_google_search.ClientId) %>").addClass("bgImage");
  });
   $("#<% Response.Write(txt_google_search.ClientId) %>").live("blur", function() { 
      $("#<% Response.Write(txt_google_search.ClientId) %>").removeClass("bgImage");
  });
});
</script>
于 2013-01-18T07:21:03.430 に答える