Скрипт выделения поисковой фразы на странице Скрипт выделения поисковой фразы на странице - Архив
Скрипт выделения поисковой фразы на странице
DownLoad_Free

Скрипт выделения поисковой фразы на странице - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Скрипт выделения поисковой фразы на странице
Скрипт выделения поисковой фразы на странице
Дата: Пятница, 12.10.2012, 16:10 | Сообщение # 1
Группа: Администраторы
Сообщений: 1524
Мало найти страницу на сайте, где присутствует нужный нам текст, надо еще найти этот текст на самой странице.
Для этой цели и служит данный скрипт - он выделяет цветом искомый нами фрагмент текста



--------------------------------------------------------
function highlight(text, words, tag) {

tag = tag || 'span';

var i, len = words.length, re;
for (i = 0; i < len; i++) {
// Global regex to highlights all matches
re = new RegExp(words[i], 'g');
if (re.test(text)) {
text = text.replace(re, '<'+ tag +' class="highlight">$&</'+ tag +'>');
}
}

return text;
}

function unhighlight(text, tag) {
// Default tag if no tag is provided
tag = tag || 'span';
var re = new RegExp('(<'+ tag +'.+?>|<\/'+ tag +'>)', 'g');
return text.replace(re, '');
}

var $p = $('p');
$('#highlight').click(function(){
var words = $('input').val().replace(/(\s,|,\s)/g, ',').split(',');
$p.html( unhighlight($p.html()) );
$p.html( highlight($p.html(), words) );
});

$('#unhighlight').click(function(){
$p.html( unhighlight($p.html()) );
});
-------------------------------------------

Рабочий пример: http://jsbin.com/iledos/28/edit
 
Архив » История мировых и локальных событий » История развития сайта » Скрипт выделения поисковой фразы на странице
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2016Хостинг от uCoz
^ Наверх ^
Пригодилось!