Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Изменение цвета слова на странице (https://javascript.ru/forum/dom-window/40251-izmenenie-cveta-slova-na-stranice.html)

рони 30.07.2013 12:00

доработанная версия плагина выделения слов в тексте
jQuery highlight plugin — подсветка слов в тексте

archer 30.07.2013 14:52

ksa спасибо
Так же спасибо bes за быстрое и понятное решение
и спасибо рони вот только рони не могли бы вы помечать свои решения хотя бы комментариями? Слишком уж объемные они, разобраться я конечно попытаюсь но все таки шанс того что я в них запутаюсь слишком большой.

Вот теперь я понял как обнаружить слово в тексте это хорошо, но как сделать так что бы при нахождении символов до конца строки весь текст поменял бы свой цвет?
Сначало нужно найти совпадение в тексте строки и его начальную позицию c которой до конца текущей строки будет происходить закрашивание

Функция search() ищет начало, а какая функция отвечает за то чтобы взять и забрать всю строку?

Взять всю строку

В эпоху 256-цветных видеокарт широко применялась так называемая «безопасная палитра Netscape» — однородная палитра 6×6×6. В truecolor у безопасных цветов все три компонента — R, G и B — равняются 00, 33, 66, 99, CC и FF. Браузер Netscape гарантировал, что эти цвета будут отображены без приближения или растрирования. Другими словами, 223 цвета стандартной 16-цветовой палитры и палитры 6×6×6 были наиболее предпочтительными для цвета изображения и фона.

Взять определенный текст с определенной позиции и до конца строки

В эпоху 256-цветных видеокарт широко применялась так называемая «безопасная палитра Netscape» — однородная палитра 6×6×6. В truecolor у безопасных цветов все %!% три компонента — R, G и B — равняются 00, 33, 66, 99, CC и FF. Браузер Netscape гарантировал, что эти цвета будут отображены без приближения или растрирования. Другими словами, 223 цвета стандартной 16-цветовой палитры и палитры 6×6×6 были наиболее предпочтительными для цвета изображения и фона.

bes 30.07.2013 20:30

усовершенствую свой пример
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<body>
Инженерия программного обеспечения (англ. Software Engineering) — приложение систематического, дисциплинного, измеримого подхода к развитию, оперированию и обслуживанию программного обеспечения, а также исследованию этих подходов; то есть, приложение дисциплины инженерии к программному обеспечению.
	<button class="but">Приложение</button>
<div>
	<button class="but">приложение</button>
Инженерия программного обеспечения (англ. Software Engineering) — Приложение систематического, дисциплинного, измеримого подхода к развитию, оперированию и обслуживанию программного обеспечения, а также исследованию этих подходов; то есть, приложение дисциплины инженерии к программному обеспечению.
</div>
<script>
jQuery(function () {
	$(".but").on("click", function () {
		alert("Приложение-приложение, я не пострадала");
	});
	$("*").contents()
		.filter(function () {
			return this.nodeType == 3;
		})
		.each(function () {
			$(this).replaceWith($(this).text().replace(/([Пп]риложение)/g, "<b>$1</b>"));
		});
});
</script>


Часовой пояс GMT +3, время: 21:34.