jQuery autoSearch водяной знак

Question

Я использую jQuery plugin wordFilter: http://people.apache.org/~gmonroe/wordFilter/index.html, который дает функцию автоматического поиска, которая позволяет автоматически фильтровать список элементов на основе текста, набранного в текстовое поле.

Он отлично работает, но я надеялся также иметь водяной знак text_field там, если текст не введен. этот текст, к сожалению, вызывает автоматический поиск. Конечно, я не хочу этого, я хочу, чтобы его игнорировали до тех пор, пока пользователь не наберет.

У кого-нибудь есть опыт использования текстового поля типа автосохранения с водяным знаком?

Answer 1

Я достиг этого эффекта довольно легко. Вместо того, чтобы сразу добавлять функцию autoSearch в поле, я добавил после первого нажатия пользователем на поле.

Вот соответствующие куски кода:

CSS: установить водяной знак, Color

 
.autoSearch { 
    color: #999; 
} 

HTML: дать текстовое поле класса Автопоиск. Я использую атрибут searchclass для указать окно поиска будет искать более

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

Javascript: очистить поле и удалить класс Автопоиск при нажатии кнопки. Добавить функциональность автопоиска

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

Answer 2

событие щелчка не будет срабатывать, если язычки пользователя в текстовое поле и поэтому водяные знаки не будут удалены, Вместо этого вы должны использовать событие фокусировки.

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