Javascript-форум - модифицировать скрипт поиска

Javascript-форум (https://javascript.ru/forum/)

- Ваши сайты и скрипты (https://javascript.ru/forum/project/)

- - модифицировать скрипт поиска (https://javascript.ru/forum/project/71246-modificirovat-skript-poiska.html)

А это нечто иное?

так тоже не работает

var pElements = document.getElementsByTagName("p");
 
for (var i = 0; i < pElements.length; i++) {
    pElements[i].innerHTML = pElements[i].innerHTML.replace(eval("/name="+lastResFind+"/gi")," ");//стираем предыдущие якори для скрола;
    pElements[i].innerHTML = pElements[i].innerHTML.replace(eval("/"+textToFind+"/gi"),"<a name="+textToFind+" style='background:grey'>"+textToFind+"</a>"); //Заменяем найденный текст ссылками с якорем;

JAMLIGHT,
оно в любом случае не будет работать корректно даже если и записать это правильно.

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

Найденное обрамляется тегом А с именем (тут уже почти неизбежны ошибки) и текстом равным поисковому запросу. Первое действие находит сочетания имени и старого запроса удаляя их, но при этом сам тег А со стилем подсветки остается. То есть подсветка предыдущего поиска останется на странице наряду с подсветкой нового поиска.

Таким образом если изначально в параграфах был текст, то с каждым запросом он засоряется html-тегами от предыдущего поиска. А что будет если найти нужно будет сочетания слов одно из которых при этом будет обрамлено таким тегом? А если в "боевых условиях", где содержимое параграфов не гарантия "чистого текста", а различные html теги? А может получится в итоге ужас на странице.

<html>
<head>
<meta charset="utf-8">
<body>

<p>какой-то текст с чем-то <a name="для" style="background:grey">для</a> поиска</p>
<p>какой-то текст с чем-то <a name="для" style="background:grey">для</a> поиска</p>

<script>
var pElements = document.getElementsByTagName("p"),
    lastResFind = "для",
    textToFind = "чем-то",
    last = new RegExp('name="'+lastResFind+'"', 'gi'),
    find = new RegExp(textToFind, 'gi');
  
for (var i = 0; i < pElements.length; i++) {
    pElements[i].innerHTML = pElements[i].innerHTML.replace(last, " ").replace(find, '<a name="'+textToFind+'" style="background:grey">'+textToFind+'</a>');
}

</script>
</body>
</html>

Ну мне бы под свои нужды хотя бы. У меня в тегах p чистый текст будет.Тоесть скрипт очищает только текст якоря , а теги якоря остаются?А что делает данный код

pElements[i].innerHTML = pElements[i].innerHTML.replace(eval("/name="+lastResFind+"/gi")," ");//стираем предыдущие якори для скрола;

?Ну это если только до перезагрузки страницы .Ясно, что можно придумать?

Цитата:

Сообщение от JAMLIGHT

что можно придумать?

Удалять нужно теги подсветки прежнего поиска:

<html>
<head>
<meta charset="utf-8">
<style>
.higlight {
    background-color: #8FDB83;
}
</style>
</head>
<body>

<p>какой-то текст с чем-то <a class="higlight">для</a> поиска</p>
<p>какой-то текст с чем-то <a class="higlight">для</a> поиска</p>

<script>
var pElements = document.getElementsByTagName("p"),
    lastResFind = "для",
    textToFind = "чем-то",
    last = new RegExp('<a.+>'+lastResFind+'</a>', 'gi'),
    find = new RegExp(textToFind, 'gi');
  
for (var i = 0; i < pElements.length; i++) {
    pElements[i].innerHTML = pElements[i].innerHTML.replace(last, lastResFind).replace(find, '<a class="higlight">'+textToFind+'</a>');
}

</script>
</body>
</html>

Атрибут name тегу не добавлять, а только класс, которому в CSS определять цвет подсветки.

без атрибута name не будет перемещения к якорю

Ну добавляйте, только каждое имя должно быть уникально.

соберите код воедино.Я не пишу на яваскрипте и синтаксиса не знаю.Задача модифицировать скрипт,Подсказки мне что русскому на китайском

Цитата:

Сообщение от JAMLIGHT

хотябы некорректно бы работало

Пример, что я показал работает? Выбрасывайте eval(...), заменяя на RegExp как показано. Определяйте при вставке и имена, но учтите, если в имя вставляется текст поиска, то значение тега нужно обрамлять кавычками как показано, иначе при поиске сочетаний будут проблемы.

Все. Далее можете в сети более глубоко углубиться в тему, например тут:

https://habrahabr.ru/sandbox/101260/
https://habrahabr.ru/post/257025/

Под jQuery есть готовый плагин http://johannburkard.de/blog/program...ry-plugin.html

обрывок кода подсветки работает,но надо его прикрутить ещё к общей обьектой модели кода модуля поиска