jquery autoSearch透かし

Question

jqueryプラグインを使用していますwordFilter：http://people.apache.org/~gmonroe/wordFilter/index.htmlこれは、text_fieldに入力されたテキストに基づいて要素のリストを自動的にフィルタリングできるautoSearch関数を提供します。

素晴らしい作品ですが、テキストが入力されていない場合は、そこにtext_field透かしも入れたいと考えていました。このテキストは残念ながらautoSearchを引き起こします。もちろん、私はこれを望んでいない、私はそれがユーザーが実際に入力するまで無視されたい。

watermarkingでautoSearchタイプのテキストフィールドを使用した経験がありますか？

Answer 1

私はこの効果をかなり簡単に達成しました。フィールドにautoSearch機能をすぐに追加するのではなく、ユーザーがフィールドを最初にクリックした後に追加しました。

CSS：ここ

はコードの関連チャンクあるテキストボックスに自動検索クラスを与える：ウォーターマークの色

 
.autoSearch { 
    color: #999; 
} 

HTMLを設定します。ボックスをオフにし、あなたがクリックしたときに自動検索クラスを削除します。私は、Javascriptが

 
<input type="text" class="field autoSearch" searchclass="assign-filter" id="assign-search"/> 

上で検索します検索ボックスを指定 にsearchclass属性を使用します。自動検索機能

 
$('.autoSearch').click(function() { 
     $(this).val(''); 
     $(this).removeClass('autoSearch'); 
     $(this).autoSearch('.'+$(this).attr('searchclass')); 
    }); 

Answer 2

ユーザーテキストボックスにタブとはとても透かしが削除されません、代わりにあなたがフォーカスイベントを使用する必要がある場合は、クリックイベントが発生しませんを追加します。