Поиск по странице клавиши. Новая версия Яндекс.Браузера: поиск по странице с учетом морфологии и поддержка жестов

Весь код

jQuery(document).ready(function(){ var minlen = 3; // минимальная длина слова var paddingtop = 30; // отступ сверху при прокрутке var scrollspeed = 200; // время прокрутки var keyint = 1000; // интервал между нажатиями клавиш var term = ""; var n = 0; var time_keyup = 0; var time_search = 0; jQuery("body").delegate("#spgo", "click", function(){ jQuery("body,html").animate({scrollTop: jQuery("span.highlight:first").offset().top-paddingtop}, scrollspeed); // переход к первому фрагменту }); function dosearch() { term = jQuery("#spterm").val(); jQuery("span.highlight").each(function(){ //удаляем старую подсветку jQuery(this).after(jQuery(this).html()).remove(); }); var t = ""; jQuery("div#content").each(function(){ // в селекторе задаем область поиска jQuery(this).html(jQuery(this).html().replace(new RegExp(term, "ig"), "$&")); // выделяем найденные фрагменты n = jQuery("span.highlight").length; // количество найденных фрагментов console.log("n = "+n); if (n==0) jQuery("#spresult").html("Ничего не найдено"); else jQuery("#spresult").html("Результатов: "+n+". Перейти"); if (n>1) // если больше одного фрагмента, то добавляем переход между ними { var i = 0; jQuery("span.highlight").each(function(i){ jQuery(this).attr("n", i++); // нумеруем фрагменты, более простого способа искать следующий элемент не нашел }); jQuery("span.highlight").not(":last").attr({title: "Нажмите, чтобы перейти к следующему фрагменту"}).click(function(){ // всем фрагментам, кроме последнего, добавляем подсказку jQuery("body,html").animate({scrollTop: jQuery("span.highlight:gt("+jQuery(this).attr("n")+"):first").offset().top-paddingtop}, scrollspeed); // переход к следующему фрагменту }); jQuery("span.highlight:last").attr({title: "Нажмите, чтобы вернуться к форме поиска"}).click(function(){ jQuery("body,html").animate({scrollTop: jQuery("#spterm").offset().top-paddingtop}, scrollspeed); // переход к форме поиска }); } }); } jQuery("#spterm").keyup(function(){ var d1 = new Date(); time_keyup = d1.getTime(); if (jQuery("#spterm").val()!=term) // проверяем, изменилась ли строка if (jQuery("#spterm").val().length>=minlen) { // проверяем длину строки setTimeout(function(){ // ждем следующего нажатия var d2 = new Date(); time_search = d2.getTime(); if (time_search-time_keyup>=keyint) // проверяем интервал между нажатиями dosearch(); // если все в порядке, приступаем к поиску }, keyint); } else jQuery("#spresult").html(" "); // если строка короткая, убираем текст из DIVа с результатом }); if (window.location.hash!="") // бонус { var t = window.location.hash.substr(1, 50); // вырезаем текст jQuery("#spterm").val(t).keyup(); // вставляем его в форму поиска jQuery("#spgo").click(); // переходим к первому фрагменту } });

Недостатки

Спасибо за внимание, буду благодарен за замечания и идеи по улучшению работы скрипта.

Также вам наверное известно что, как правило, в строке поиска браузера есть возможность выбора из нескольких поисковых систем. По умолчанию, в любом достойном браузере (к слову, Internet Explorer 7, я не обнаружил даже google:)) там обязательно уже есть несколько систем. Обычно это google, yahoo, wikipedia (свободная энциклопедия), amazon, eBay (это что-то вроде магазинов, насколько помню). В русскоязычных сборках браузеров можно также обнаружить и yandex. Из них я обычно пользуюсь только google и wikipedia, изредка — яндексом.

Управление панелью поиска

Дело в том, что в этот инструмент можно добавлять нужные вам и удалять ненужные поисковые системы, настроив таким образом панель максимально удобно. Поисковые системы можно добавлять абсолютно любые, даже самые экзотические. К примеру, у меня встроен в браузер специальный поиск google.ru/linux, позволяющий искать информацию только по ресурсам, посвященным linux.

Наглядный пример

Давайте попробуем встроить в ваш браузер какой нибудь поиск. Я рассмотрю на примере молодой поисковой системы nigma.ru.

Чтобы встроить новый поиск в opera, нужно:

1. Открыть страницу необходимой поисковой системы.

2. Щелкнуть правой кнопкой мыши в поле ввода запроса.

3. Выбрать пункт контекстного меню «Создать поиск…»(create search…).

В результате откроется окно создания нового поиска, где вам будет предложено ввести название для этого поиска, а также ключевую клавишу. Об этой чудесной клавише напишу ниже. Если открыть вкладку «детали» можно будет выбрать опцию «Установить как поиск по умолчанию» — то есть созданный поиск всегда будет первым в списке.

Добавляем новый поиск в Mozilla

Если вы пользуетесь браузером Mozilla-Firefox, то порядок добавления поисковой системы следующий: нужно установить соответсвующий плагин для него. Для этого щелкните левой кнопкой мыши по стрелке открывающей меню выбора поисковика. Последним пунктом будет стоять «управление поисковыми плагинами». При его выборе откроется соответствующее окно, в котором можно удалять или изменять настройки уже установленных плагинов поисковых систем. Внизу этого менеджера есть ссылка, которая ведет на страницу, где можно найти, получить и установить новые плагины.

Там же, в этом окне можно задать ключевую клавишу каждому поисковику, которым вы пользуетесь, это та же самая клавиша о которой я упоминал рассказывая об Opera.

Internet Explorer

Процедура установки нового поиска в Internet Explorer чем то похожа на оную для firefox. Открываете меню выбора поисковика, выбираете пункт — нечто вроде «Найти других поставщиков». Браузер перейдет на страницу где описаны шаги дальнейших действий. А именно, вам предложат открыть страницу нужной вам поисковой системы, набрать слово TEST (именно в верхнем регистре) в строке запроса поисковика.

Затем нужно будет скопировать ссылку из адресной строки браузера со странички где вы открыли поисковик в форму на страничке сервиса установки поисковой системы. Ввести имя в эту же форму, и щелкнуть кнопку там же. В результате будет сгенерирован XML-файл, который и добавит в панель поиска вашего браузера эту поисковую систему.

В internet explorer ключевой клавиши не предусмотрено.

Каждый из нас во время Интернет-серфинга наверняка не раз сталкивался с необходимостью поиска на странице какого-нибудь ключевого слова. К счастью, все современные браузеры имеют встроенный поиск, а иначе страшно даже и подумать, во что бы превратился поиск одного единственного слова на странице, скажем, объемом 10000 символов. И надо сказать до недавнего момента возможности поисковой системы браузеров и меня совершенно устраивали.

Но вот случилось нечто, что заставило меня пересмотреть свое отношение к поисковым механизмам этих веб-обозревателей. Мне нужно было найти на страничке не одно слово, а сразу три! И вот тут-то оказалось, что ни Google Chrome, ни Firefox, а точнее их поисковые системы совершенно неспособны справиться с подобной задачей. Решить проблему мне помогли плагины, специально созданные для расширения поискового функционала в вышеупомянутых браузерах.

SearchWP для Firefox

Очень простой и полезный плагин, позволяющий выполнять поиск по нескольким ключевым словам одновременно. Работает SearchWP в трех режимах: поиск в Интернете, поиск по сайту и наконец, по конкретной страничке.

После установки плагин добавляет на панель инструментов Firefox кнопку с изображением маркера, при нажатии на нее введенные в поисковую строку слова будут подсвечиваться разными цветами, при этом одновременно теми же цветами будут выделены слова на страничке.

Чтобы перейти к определенному слову в тексте достаточно кликнуть по нему мышкой. Нажатие клавиши Enter запускает поиск в Интернете, для поиска по конкретному сайту сначала нужно будет добавить его в список SearchWP. Настройки плагина предельно просты, в них вы можете указать минимальную длину искомого слова.

Скачать SearchWP для Firefox: www.addons.mozilla.org

Pearls Extension для Google Chrome

Неплохое поисковое расширение для Google Chrome. Выполняет поиск по нескольким ключевым словам, подсвечивая их разными цветами. Особенностью этого плагина является способность запоминать ранее введенные поисковые запросы для каждого домена в отдельности. При этом Pearls Extension показывает количество найденных слов на странице, присутствует возможность перехода (вперед-назад).

Да, очень важно, чтобы запросы вводились через запятую. Наряду со всеми достоинствами Pearls Extension имеет преогромный минус – с кириллицей он не работает, так что искать можно только латинские слова.

Скачать Pearls Extension для Google Chrome: www.chrome.google.com

MultiHighlighter для Chrome

Еще один неплохой инструмент поиска по нескольким ключевым словам. Запоминать MultiHighlighter, к сожалению, не умеет, зато кириллицу распознает без проблем. После установки добавляет на панель инструментов иконку в виде лупы, при ее нажатии в верхней левой части окна появляется поисковая панелька. Как и в случае работы с вышеописанными расширениями введенные ключевые слова подсвечиваются, а заодно подсчитываются.

Несмотря на кажущуюся простоту MultiHighlighter обладает рядом уникальных возможностей, например сохранением подсветки при выводе странички на печать или преобразования ее в . В настоящее время расширение находится в стадии доработки, и вполне возможно, что скоро в нем появятся и другие интересные функции.

efTwo (F2) для Chrome