Наш опрос
Любите ли вы участвовать в опросах?
Всего ответов: 30
Случайный анекдот
26 Школа. Урок информатики. Учитель, поворачивая рубильник: - Всё дети, урок закончен! - Но мы, же не сохранились! - в панике кричат дети. - Ладно, сохраняйтесь, - сказал учитель, повернув рубильник обратно.
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3478
Новых за месяц: 3
Новых за неделю: 1
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3298

   Форма поиска с вариантами фраз



Скрипт составлял из нескольких в один, из достоинств могу сказать:
  • Подсветка при нажатии на поле;
  • Предлагает варианты фраз при вводе;
  • Поиск, как по всему сайту, так и по отдельным модулям;
    Код
    <!-- <block1> -->  
      <div class="fonsearch" style="position: relative;">
      <table border="0" cellpadding="1" cellspacing="0" width="100%" style="overflow:visible!important;">
      <form onsubmit="document.getElementById('sfSbm').disabled=true" method="post" id="poisk" style="margin: 0px;" action="/load/">
      <div class="schQuery">
      <tbody><tr> <td>
      <input id="suggEdit" name="query" maxlength="300" size="20" class="queryField" type="text" style="border: 1px solid 4B769F; width: 580px; height: 20px;" size="23" onfocus="this.value=''" value="Поиск материала..." onblur="if (this.value==''){this.value='Поиск материала...'}" maxlength="80" name="q"></div></td>
      <td><div class="proleft">
      <input class="button" name="sfSbm" style="height: 20px; margin-right: 10px;" value="Искать" id="sfSbm" type="submit"></div>
      <input name="a" value="2" type="hidden"></form></div></td><td>
      </tr> </tbody></table>
      <script type="text/javascript">
    $(function(){ /* $(document).ready() */
    /* Start DocumentReady */
    $('div.searchForm form[action="/search/"] input.queryField').attr('id','suggEdit');
    new _uSuggestList('suggList','suggEdit',{separator:',',colwidth:['10%'],url:'/feat/?a=1'});
    /* End DocumentReady */
    });
    </script>
      <!-- </block1> -->

    /load/ - заменяем на нужный вам модуль, если нужен поиск по всему сайту ставим /search/


  • Html редактор
    Автор: Prosvetekvator
    Просмотров: 8664
    18.11.2012


    Другие статьи почитайка;)
    Поделись ссылкой на форумах
    Ссылка:
    BB-code:
    HTML:


    « Пред. Форма поиска с вариантами фраз След. »


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Форма входа

    Мини-чат
    Топ пользователей
    Новое на форуме








    Комментарии
    11.06.2022