in.uCoz.org PDA design by Prosvetekvator
 
 
Форма входа

Старая форма входа
 
 
 
 
Категории
Шаблоны для uCoz [18]
Виды материалов [10]
Мини профили [7]
Мини чаты [8]
Виды комментариев [14]
Формы входа [3]
Информеры [33]
Украшения [16]
Меню сайта [5]
Кнопки [27]
Шапки сайта [3]
Медиа [19]
Переключатели [8]
Разное [65]
Формы поиска [9]
Скрипты [46]
Игры на сайт [6]
Аякс (Ajax) окна [1]
PHP скрипты [3]
 
 
 
 
Материал
Главная » 2012 » Ноябрь » 18 » Форма поиска с вариантами фраз
« Предидущий | ID: 17 | Следующий »

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


Скрипт составлял из нескольких в один, из достоинств могу сказать:
  • Подсветка при нажатии на поле;
  • Предлагает варианты фраз при вводе;
  • Поиск, как по всему сайту, так и по отдельным модулям;
    Код
    <!-- <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/

  • Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
     
     
     
     
    Статистика
    Вверх | меню | пользователи
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
     
     
    Полная версия сайта