У нашего форума новый дизайн!
Подробнее в этой теме:
Тут ваша ссылка
Привет Гость!  Группа: Гости  Вход

  • Страница 1 из 1
  • 1
Форум » uCoz » Скрипты для uCoz » Форма поиска сайта с переключателем с yandex и google
Форма поиска сайта с переключателем с yandex и google
MeetwoorДата: Пятница, 06.09.2013, 18:35 | Сообщение # 1
Рядовой
Группа:Пользователи
Сообщений:4
Награды:0
Репутация:20
Статус:Онлайн
скрин скрипта: http://s60.radikal.ru/i168/1302/27/51a188a29c1d.jpg

Форма поиска сайта совмещенная
Усовершенствованный код формы для поиска с возможностью ввести в поиск как на самом сайте так и проставив галочку в поисковых системах 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://adoit.pw/border.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 » Скрипты для uCoz » Форма поиска сайта с переключателем с yandex и google
  • Страница 1 из 1
  • 1
Поиск:
Новые темы
yghjgh
Форма поиска по сайту ucoz
Вид статистика для ucoz
Горячие темы
Как вам сайт?
yghjgh
Форма поиска по сайту ucoz
Вид статистика для ucoz
Активные пользователи

Ronaldo
Сообщений: 55132

Ronaldo0
Сообщений: 73

kig270466
Сообщений: 40

Lookflaco
Сообщений: 13

Dizel
Сообщений: 10

laym
Сообщений: 4
Мини-чат