Выделение текста цветом

Airogen · April 14, 2011

Делается запрос в поисковике например "глазированные сырки"

и выводятся результаты поиска.

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

вот в последней картинке я выделил в фотошопе текст, как примерно он должен выделяться или может просто цвет текста поменяться.

сайт на юкозе, поэтому можно ли как то исполнить это безе php?

vick · April 14, 2011

JS: document.referrer?

Airogen · April 14, 2011

JS: document.referrer?

Ну он же просто показывает откуда пришел пользователь, разве не так? Хотя вроде то что надо, кстати у яндекса это как раз реализовано при просмотре "копий" страниц

Edited April 14, 2011 by Airogen

Gaspode · April 14, 2011

Ну он же просто показывает откуда пришел пользователь, разве не так?

Поисковый запрос всегда отражён в урле выдачи. Поэтому это именно то, что вам надо. Только ещё урл парсить придётся, чтобы запрос оттуда выковырять.

Airogen · April 14, 2011

Нашел в интернете JS который как раз подсвечивает слова

function mark(el, text, rec, minLen) {
		var replaced = false;
		for(var child = el.firstChild; child != null; child = child.nextSibling) {
			if (child.nodeType == 3) {	// TEXT_NODE
				var idx = -1;
				while ((idx = child.nodeValue.toLowerCase().indexOf(
					text.toLowerCase(), idx + 1)) != -1) {
					if (idx > 0) {
						if (child.nodeValue.substr(idx-1, 1).match(/[^\s!@#$%^&*()_\-+={}\[\];:\"\'\`~\.\,]/gi))
							continue;
						var prefix = child.nodeValue.substr(0, idx);
						child.parentNode.insertBefore(document.createTextNode(prefix), child);
					}
					var found = document.createElement("span");
					found.setAttribute("class", "found");
					found.setAttribute("className", "found");
					found.appendChild(document.createTextNode(child.nodeValue.substr(idx, text.length)));
					var suffix = document.createTextNode(child.nodeValue.substr(idx + text.length));
					child.parentNode.insertBefore(found, child);
					child.parentNode.insertBefore(suffix, child);
					child.parentNode.removeChild(child);
					child = found;
					var replaced = true;
					break;
			   	}
			}
		}
		if (! rec && ! replaced && text.match(/[\s!@#$%^&*()_\-+={}\[\];:\"\'\`~\.\,]/gi)) {
			var words = text.replace(/[\s!@#$%^&*()_\-+={}\[\];:\"\'\`~\.\,]/gi, " ").split(" ");
			for(var i = 0; i < words.length; i++)
				if (minLen ? words[i].length >= minLen : words[i] != "")
					replaced |= mark(el, words[i], true, minLen);
		}
		return replaced;
	}

Вот пример его использования

<html>
<style type="text/css">
.found { font-weight: bold; } 
</style>
<script type="text/javascript"
  src="text-highlight.js">
</script>
<p id="test">РАЗ ДВА ТРИ</p>
<script type="text/javascript"> 
mark(
  document.getElementById("test"), 
  "ДВА", false); 
</script>
</html>

И результат его работы:

РАЗ ДВА ТРИ

Источник: _http://outcorp-ru.blogspot.com/2007/03/html-javascript.html

Но как реализовать для сайта недогоняю...

Edited April 14, 2011 by Airogen

Sign In

Выделение текста цветом

Question

Airogen

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

vick

Link to comment

Share on other sites

Airogen

Link to comment

Share on other sites

Gaspode

Link to comment

Share on other sites

Airogen

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information