Меню сайта


На форуме
  • Работа в интернете - 5$ в час (1)
  • Набор в команду (1)
  • Прогон сайта (0)
  • Покупаю сайты на ucoze (15)
  • Набор на сайт (0)


  • Форма входа


    Категории раздела
    Игровые шаблоны для ucoz [8]
    Темные шаблоны для ucoz [17]
    Светлые шаблоны для ucoz [1]
    Кино шаблоны для ucoz [8]
    Кнопки для ucoz [3]
    Иконки для ucoz [0]
    Скрипты для ucoz [101]


    Поиск


    Календарь
    «  Март 2013  »
    ПнВтСрЧтПтСбВс
        123
    45678910
    11121314151617
    18192021222324
    25262728293031


    Архив записей


    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0




    Приветствую Вас, Гость · RSS 14.05.2024, 18:58
    Главная » 2013 » Март » 4 » Форма поиска сайта с переключателем с yandex и google
    16:21
    Форма поиска сайта с переключателем с yandex и google
    Форма поиска сайта совмещенная
    Усовершенствованный код формы для поиска с возможностью ввести в поиск как на самом сайте так и проставив галочку в поисковых системах yandex.ru и google.com , пример показан на скрине.
    Форма работает исправно, как на самом сайте так как она является стандартной , в поисковиках форма создает редирект на страницу поисковика

    Установка:Вставляем в любое место сайта полный код самого поиска, настройки почти не требует если только размеры формы ввода для поиска

    Код
    <style>  
    .searchSbmFl {background:#F9F9F9;border:1px solid #999;color:#444;font-family:Verdana, Tahoma, helvetica, sans-serif;font-size:11px;vertical-align:middle;margin:2px;padding:2px;}  
    .searchSbmFl:hover {background:#CCC;border:1px solid #888;color:#111;font-family:Verdana, Tahoma, helvetica, sans-serif;font-size:11px;vertical-align:middle;margin:2px;padding:2px;}  
    </style>  
    <div class="searchForm">  
    <form onsubmit="this.sfSbm.disabled=true" method="get" style="margin: 0pt;" action="http://site.ru/search/">  
    <div class="schQuery" align="center"><input name="q" maxlength="30" size="30" class="queryField" type="text">  
    </div>  
    <div class="schBtn" align="center">  
    <input class="searchSbmFl" name="sfSbm" value="Найти" type="submit"></div>  
    </form>  
    </div>  
    <script type="text/javascript">  
    $('div.searchForm input.searchSbmFl').before('<label for="YandexSearch">Yandex-<input style="height:15px; width:15px; vertical-align: middle;" id="YandexSearch" name="Yandex_search" type="checkbox" /></label>');  
    $('div.searchForm form').submit(function(){if($('div.searchForm input#YandexSearch').is(':checked')){window.location = 'http://yandex.ru/yandsearch?text=' + location.host + '' + encodeURIComponent($('div.searchForm input.queryField').val()); return false;}});  
    </script><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
    <script type="text/javascript">  
    $('div.searchForm input.searchSbmFl').before('<label for="GoogSearch">Google-<input style="height:15px; width:15px; vertical-align: middle;" id="GoogSearch" name="google_search" type="checkbox" /></label>');  
    $('div.searchForm form').submit(function(){if($('div.searchForm input#GoogSearch').is(':checked')){window.location = 'http://www.google.com/search?sitesearch=' + location.host + '&q=' + encodeURIComponent($('div.searchForm input.queryField').val()); return false;}});  
    </script>


    http://site.ru/search/ заменяем на ссылку своего сайта или же на тег $HOME_PAGE_LINK$/search/ разницы абсолютно не какой
    maxlength="30" количество символов которые разрешено вводить в форму
    size="30" размер окна измеряется PX
    Категория: Скрипты для ucoz | Просмотров: 183 | Добавил: startsmart | Рейтинг: 0.0/0
    Всего комментариев: 0
    Имя *:
    Email *:
    Код *:
    Сделать бесплатный сайт с uCoz