Текст в форме поиска на странице

Текст в форме поиска на странице

Апрель 2, 2010 22:19 7 комментариев

Давно хотел сделать текст в форме поиска, но не простой, а чтобы он исчезал при активном окне поиска и появлялся при не активном. Т.е. нажал мышкой на то место где вводится слово для поиска(окошко активное) и текст в форме исчезал, нажал на другое место страницы(окошко не активное) — текст опять появился в форме. И сегодня я удовлетворил своё желание.
Как вы можете заметить, у меня на сайте уже готовая форма поиска. Можете поклацать). Ну, а теперь, кому интересно как это сделать, прошу:
Итак, у Вас уже есть форма поиска на странице, открываем файл который содержит код формы поиска и заменяем часть кода, а именно:

<input … value=»Запрос для поиска» onfocus=»if (this.value==’Запрос для поиска’) this.value=»;» onblur=»if (this.value==») this.value=’Запрос для поиска’;» />

… — вместо троеточия Ваши основные значения, ну например — class=»search_pole» type=»text» name=»x» . Как Вы уже поняли сама кнопка тут не причём, мы работаем только с полем поиска. Ну а если Вы ещё новичок в этом деле и не знаете пока как создать форму поиска, то это уже другой вопрос. Пишите в комментах — разберёмся.

А вот результат работы этого кода(те кто не знает — не пугайтесь, кнопка поиска задаётся в другой строчке):

7 комментариев

  • Ооо! Огромное спасибо! Видела такую фичу неоднократно и вот теперь смогла наконец прикрутить её к блогу, благодаря Вашему мануалу :)

    • Рад что информация помогла. Хотя, с моей нынешней точки зрения, вышеизложенная инструкция не очень понятна — писал давно, опыта было мало. Но хорошо что Вы разобрались.

      • Нет, более-менее всё понятно. Ну, я ещё присмотрелась к комментарию товарища ниже (который Дракон) и всмотрелась в исходный код формы, какую Вы соорудили для примера :)

        Написано да, не вчера, но из гуглопоиска попала-то прямиком к Вам, значит, пост того стОит :)
        Благодарю ещё раз.

  • Дракон

    Ёлки, не отображается код у вас на сайте. Ну ладно, хотел помочь.
    Видно не судьба

  • Дракон

    Вот какой код должен быть:

  • Дракон

    А я уже разобрался. Уточняю.
    Во-первых, у вас неверный код. Вместо кавычек (а также вместо двух апострофов) стоит знак закрывающей русской кавычки. Кроме того, опущены фигурные скобки.
    Вот какой код должен быть:

    Ну понятно, что там всё вместе, и name и id, зато можно скопировать, вставить и радоваться ))

    А в готовой форме нужно просто заменить Search keyword на вашу фразу.
    Работает для движка WordPress.

  • Дракон

    Вы уж извините, но мыло оставил от балды. Ну не люблю я когда кто-то просит мой контакт.
    Что я хотел сказать — очень хорошая тема, только не логично изложено. Вы бы написали чётко что мы меняем и на что меняем. И к какому движку это всё относится?

Ваш отзыв