2011-06-26 1 views
0

私は拡大している検索ボックスを作成していますが、フォーカスが入っているときはフォーカスが外れて拡大縮小しますが、自分のページには多くのボタン、テキストボックス、ラジオボタンがあります。拡大縮小する。 $('input')多くの入力でjQueryコードが適用されていますが、目的の入力(検索ボックス)にのみ必要ですか?

  The code I am using: 
<script type="text/javascript" src="for admg/jquery-latest.min.js"></script> 

    <script type="text/javascript"> 
     //global vars 
     var inputWdith = '150px'; 
     var inputWdithReturn = '100px'; 
     $(document).ready(function() { 
      $('input').focus(function() { 
       //clear the text in the box. 
      // $(this).val(function() { 
      //  $(this).val(''); 
      // }); 
       //animate the box 
       $(this).animate({ 
        width: inputWdith 

       }, 500) 
      }); 

      $('input').blur(function() { 
       $(this).val(' Search '); 
       $(this).animate({ 
        width: inputWdithReturn 
       }, 800) 
      }); 
     }); 

    </script> 
+0

ホープ:

<asp:TextBox runat="server" ID="texbox"></asp:TextBox> 

は正しい選択ではこのようなものになるだろうか?すべてのフォーカスで検索値がクリアされていることを認識していますか?私はそれが好きではない。 – daryl

+0

しかし、私は次のコードのコメントを外すしようとする$(this).val(function(){// $(this).val( ''); //});検索ボックスに表示されるのは次のようなものです: "function(){"とあなたからの解決を感謝します。ありがとうございました –

答えて

2

は、入力のすべての種類を選択します。検索ボックスにidまたはclassという属性を付けます(例: <input id="searchBox" type="text" />と入力し、$('#searchBox')(またはclass属性の場合は$('.searchBox'))を選択します。

+0

ありがとうございます。 $( '#searchBox')にfocus(function())を作成しました。focus(function()および

+0

$( '#searchBox')の代わりに$( 'input')の代わりにblur(function()を使用しました。再び働いています。 –

0

検索ボックスをこのようなaspnetコントロールです。

$('#<%=texbox.ClientID %>') 

が、それは、このコードを書いた

関連する問題