Member 12206403 Ответов: 1

Возможность подчеркнуть с помощью JavaScript

Дорогие члены,

Я очень новичок в Java-скриптах. Я пытаюсь реализовать опцию подсветки с помощью java-скрипта в своем asp.net страница. мне нужна помощь, чтобы написать функцию для того же, что показано ниже. Вот мой java-код.

var arrKW = Keywords. split(",");
var colr = " красный"
ВАР Ален = arrKW.длина;
для (j = 0; j < aLen; j++) {
highlightKW (arrKW[j], colr);
}

Пояснение: здесь переменная " ключевые слова "содержит такие значения, как"дозировка, доза, лекарство, лекарство, медикамент". я пытаюсь разделить эти ключевые слова и сохранить их в массиве "arrKW", позже мне нужно выделить каждый элемент в этом массиве значением, хранящимся в переменной"colr".

Кто-нибудь, пожалуйста, помогите мне написать код для выполнения функции highlightKW(arrKW[j], colr).. заранее спасибо..

SB

Что я уже пробовал:

Я понятия не имею, как написать эту функцию.. ничего не пробовал.

1 Ответов

Рейтинг:
0

Karthik_Mahalingam

попробовать это

$(function () {
           var keywords = 'dosage, dose, drug, medicine, medicament';
           var arrKW = keywords.split(', ');
           var colr = "red"
           highlightKW(arrKW, colr);

       });

       function highlightKW(array, color) {
           debugger;

           var para = $('#divContent').text().split(' ');
           var newContent = '';
           for (var i = 0; i < para.length; i++) {
               var word = para[i];
               if (array.indexOf(word) >= 0)
                   word = '<span style="background-color:' + color + '">' + word + '</span>';
               newContent += word + ' ';
           }
           $('#divContent').html('').html(newContent);
       }


демонстрация : Edit fiddle - JSFiddle[^]


обратитесь к этому для многих готовых плагинов
http://www.the-art-of-web.com/javascript/search-highlight/[^]

Member 12206403

Большое тебе спасибо, Картик, за твой ответ. Я попробую это сделать и дам вам знать, если возникнут какие - то вопросы-Суреш.

Karthik_Mahalingam

конечно.

Member 12206403

всего несколько вопросов.. У меня есть несколько сложных таблиц и фреймов внутри элемента div. будет ли это решение работать и для такого рода страниц? и решение, похоже, чувствительно к регистру. Мне нужно выделить оба верхних/нижних / падежных слова предложения независимо от падежа ключевого слова. Пожалуйста, подтвердите, работает ли он и на этих аспектах? в противном случае, пожалуйста, помогите мне с новым решением. Спасибо-SB

Karthik_Mahalingam

для падежных слов его легко обрабатывать во входном массиве..
но сложная таблица, она не будет работать
Iframes - > Он будет работать, если содержимое состоит из необработанного текста, присутствующего внутри элемента.

Member 12206403

Я попробовал несколько jqueries и сумел выделить ключевые слова в содержании страницы. но единственная проблема теперь у меня есть, это то, что он не выделяет текст в содержимом iframe. Кто-нибудь, пожалуйста, посоветуйте, есть ли какая-либо возможность выделения текста в контентах iframe.

В противном случае, пожалуйста, предложите мне альтернативу iframe для извлечения внешнего содержимого сайта в мой asp.net веб-страница.

Заранее спасибо.
SB

Karthik_Mahalingam

для iframe вы должны использовать вот так
$("#myiframe"). contents (). find ("#myContent")
проверьте синтаксис из google