Поиск своими руками

ФОРУМ Игромания и киномания – сообщество пользователей игрового портала Igromen.Do.Am.
Форум - это место, где можно обсудить игровые новости и обновления, задать вопросы, разместить объявления и сообщения, дать объявления о предоставляемых вами услугах, поделиться полезной информацией и способами, вступить в команду портала (на должности модератора, журналиста), а также найти себе друзей и товарищей для общения и совместного времяпровождения в играх.
Все действия (общение и размещение информации) регламентируются правилами форума.

ТОП-5 по сообщениям

Димон

754

ТОП-5 по репутации

754

Страница 1 из 1
1

Форум » Система UcoZ » Инструкции uCoz и uWeb » Поиск своими руками

Поиск своими руками

02.11.2012 в 15:26

Димон

Администраторы

/.s/a/38/496767602.png

Менеджер проекта

Статус:

Online

Регистрация:

07.10.2012

Сообщения:

754

Полное описание

Сегодня, мы научимся делать поиск своими руками.
Некоторым пользователям нужно так, чтобы на сайте было два вида поиска:
один, к примеру, в блоках (простенький), а другой - на главной странице,
по середине (что-то более красивое и приятное).
Поиск состоит из полей, которые заключаются в определённую форму:

Code

А к форме, присоединяются некоторые параметры: method="get" action="/search/".
В этих параметрах указывается метод работы формы (он забирает (get) или вставляет (post)), и адрес, откуда берётся эта информация.
Теперь нам нужно вставить поле, в которое мы будем вводить сам запрос для поиска. Для этого нам нужен тег input и к нему присоединяем параметры:

Code

class="" // Если хотите украсить форму, вставьте этот параметр и присвойте для него названия
type="text" // Указывается тип поля, в нашем случае это текст
name="q" // Название поля
maxlength="30" // Максимальное кол-во символов, которое можно ввести в это поле
value="Введите запрос" // Текст, который будет вставлен по умолчанию

Эти пункты самые важные, остальное можно добавлять по желанию. После этого, нам нужно вставить ещё одну кнопку, она может быть и невидимой, а может быть и видимой (как вам нужно). Создаём ещё один тег кнопки (input) и к нему присоединяем параметры:

Code

style="display: none;" // Убираем эту кнопку (она невидимая для пользователей)
type="submit" // Указываем то, что эта кнопка отвечает за отправление запроса на страницу поиска
name="sfSbm" // Задаём кнопке имя
value="Нажми" // Текст кнопки

Вот собственно и всё, вот такой должен быть код поиска:

Code

Настройки для продвинутых.
Данный пункт ни только для продвинутых, да и для тех, кто хочет улучшить свой поиск.
Если вы хотите, чтобы при нажатии на кнопку Enter происходило то же действие, что и с кнопкой "Нажми" (т.е. отправление запроса на страницу поиска), то для этого нужно задать для поля текста параметры:

Code

onfocus="if(value=='Поиск (Для поиска нажать Enter)'){value='';}" // Текст, который будет выводиться перед нажатии по полю
onblur="if(value=='') {value='Поиск (Для поиска нажать Enter)';}" // Почти одно и то же

А для самой формы:

Code

onsubmit="this.sfSbm.disabled=true"

Этим кодом, мы разрешаем полю при нажатии на кнопку Enter отправлять запрос на страницу поиска (т.е. то же самое, что и кнопка "Нажми".
А к кнопке "Нажми", присоединяем параметр:

Code

style="display: none;"

Форум » Система UcoZ » Инструкции uCoz и uWeb » Поиск своими руками

Страница 1 из 1
1

О портале Igromen.Do.Am

Контакты

В помощь пользователям