Суббота, 23.11.2024, 23:39


Меню сайта
RSS ленты
Разделы новостей
Фильмы [2672]
Музыка [57]
Игры [36]
Другие программы [441]
Скрипты для Ucoz [378]
Шаблоны для Ucoz [124]
Полезные статьи [1394]
Все для Photoshop [97]
Программы для раскрутки [10]
Вебмастеру [67]
Графика [154]
Иконки групп для форума [6]
Новое на форуме
Материалы
Наш опрос
Оцените дизайн?
Всего ответов: 545
Рекламко
Материалы




Форма поиска сайта с переключателем с yandex и google

Жаловаться на материал | Ссылки на материал 03.03.2013, 22:03


Форма поиска сайта совмещенная
Усовершенствованный код формы для поиска с возможностью ввести в поиск как на самом сайте так и проставив галочку в поисковых системах 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





Добавил: budyvmaster | Категория: Скрипты для Ucoz | Просмотров: 182
Похожие материалы:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Форма входа
Здравствуйте, Гость!

Футбольные трансляции
Поиск
Друзья сайта

Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
[ Кто on-line? ]
[ Кто нас сегодня посетил ]
Интересное в сети
Материалы
Sape

Дизайн от Flynt © 2009-2010 | sitemap | sitemap-forum | Хостинг от uCoz
Все материалы представлены в ознакомительных целях,и каждый материал принадлежит законному обладателю!Если какой-либо материал ущемляет Ваши права, то воспользуйтесь формой обратной связи 
Проверить тиц и PR