Давно хотел сделать текст в форме поиска, но не простой, а чтобы он исчезал при активном окне поиска и появлялся при не активном. Т.е. нажал мышкой на то место где вводится слово для поиска(окошко активное) и текст в форме исчезал, нажал на другое место страницы(окошко не активное) — текст опять появился в форме. И сегодня я удовлетворил своё желание.
Как вы можете заметить, у меня на сайте уже готовая форма поиска. Можете поклацать). Ну, а теперь, кому интересно как это сделать, прошу:
Итак, у Вас уже есть форма поиска на странице, открываем файл который содержит код формы поиска и заменяем часть кода, а именно:
<input … value=»Запрос для поиска» onfocus=»if (this.value==’Запрос для поиска’) this.value=»;» onblur=»if (this.value==») this.value=’Запрос для поиска’;» />
… — вместо троеточия Ваши основные значения, ну например — class=»search_pole» type=»text» name=»x» . Как Вы уже поняли сама кнопка тут не причём, мы работаем только с полем поиска. Ну а если Вы ещё новичок в этом деле и не знаете пока как создать форму поиска, то это уже другой вопрос. Пишите в комментах — разберёмся.
А вот результат работы этого кода(те кто не знает — не пугайтесь, кнопка поиска задаётся в другой строчке):
Ооо! Огромное спасибо! Видела такую фичу неоднократно и вот теперь смогла наконец прикрутить её к блогу, благодаря Вашему мануалу :)
Рад что информация помогла. Хотя, с моей нынешней точки зрения, вышеизложенная инструкция не очень понятна — писал давно, опыта было мало. Но хорошо что Вы разобрались.
Нет, более-менее всё понятно. Ну, я ещё присмотрелась к комментарию товарища ниже (который Дракон) и всмотрелась в исходный код формы, какую Вы соорудили для примера :)
Написано да, не вчера, но из гуглопоиска попала-то прямиком к Вам, значит, пост того стОит :)
Благодарю ещё раз.
Ёлки, не отображается код у вас на сайте. Ну ладно, хотел помочь.
Видно не судьба
Вот какой код должен быть:
А я уже разобрался. Уточняю.
Во-первых, у вас неверный код. Вместо кавычек (а также вместо двух апострофов) стоит знак закрывающей русской кавычки. Кроме того, опущены фигурные скобки.
Вот какой код должен быть:
Ну понятно, что там всё вместе, и name и id, зато можно скопировать, вставить и радоваться ))
А в готовой форме нужно просто заменить Search keyword на вашу фразу.
Работает для движка WordPress.
Вы уж извините, но мыло оставил от балды. Ну не люблю я когда кто-то просит мой контакт.
Что я хотел сказать — очень хорошая тема, только не логично изложено. Вы бы написали чётко что мы меняем и на что меняем. И к какому движку это всё относится?