Изменение окна «поиск» в Textpattern
 |
Едва впервые установив CMS Textpattern, я сразу принялся менять настройки, установленные в default. Что-то меня устраивало, что-то нет. Многое успешно добавляется на сайт с помощью разнообразных плагинов. Textapttern позволяет практически все переделать под себя, под свои нужды… Приступил к следующему шагу: задался целью немного изменить окно поиска. |
Довольно просто добавить немного красоты для скучного окна запроса поиска с помощью языка java script. Задача заключалась в следующем: когда пользователь кликает с помощью мышки по текстовому полю, желая произвести запрос, выставленная по-умолчанию фраза исчезает. Если далее пользователь кликает в любом другом месте веб-страницы, то выставленная по-умолчанию фраза восстанавливается в случае, если пользователь ничего в текстовое поле запроса не ввел. Если же пользователь уже ввел какие-то символы, то они сохраняются в поле запроса.
Для реализации этой задачи воспользуемся такими функциями языка java script, как onclick и onblur. Для этого, в админ-панели Textpattern идем в закладки Оформление->Формы и производим изменение формы search_input следующим образом:
<input name="q" value="поиск по сайту" onblur="if (this.value=='') {this.value='поиск по сайту';}"
onclick="if (this.value=='поиск по сайту') {this.value='';}" id="s" />
Вместо фразы “поиск по сайту” можно ввести любой другой текст, который будет использоваться у вас по-умолчанию (например “search…”).
Результат наших изменений вы можете наблюдать в правом верхнем углу моего блога.
