Менюха
Все для CS 1.6
Все для Photoshop
ТОП файловиков
Партнер №1
Ваша реклама
Пожертвования
Главная »
2013 »
Март »
3 » Форма поиска сайта с переключателем с yandex и google
22:31
Форма поиска сайта с переключателем с 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
Просмотров: 410 |
Добавил: startsmart
| Рейтинг: 0.0 /0
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]
Мини профиль
Партнёры
Наш опрос
Календарь
« Март 2013 » Пн Вт Ср Чт Пт Сб Вс 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Статистика
Онлайн:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Зарег. на сайте:
Всего: 54 Новых за месяц: 0 Новых за неделю: 0 Новых вчера: 0 Новых сегодня: 0
Из них:
Обычных:
50 Г.Администраторов:
3 Администраторов:
0 Гл.Модераторов:
0 Модераторов:
0 Дизайнеров:
0 Журналистов:
1 Файловиков:
0 Проверенных:
0 Забаненых:
1 Из них:
Парней:
45 Девушек:
9
Счетчик материалов:
Новостей: 165 Файлов: 53 Форум: 136/155 В ТОПе: 5 сайт-а(ов) Комментариев: 1
Сегодня нас посетили: