<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Поиск символов</title>
</head>
<body style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;">
<script type="text/javascript">
var stringCounter=0,saveOriginal=document.getElementById('searchText').innerHTML;
function textCounter() {
var mass=null,symbols="";stringCounter=0;
var symbolsearch=document.getElementById('searchText').innerHTML;
var string=prompt("Введите символ для поиска","");
var lastIndex="";
if(string=="undefined"||string==null||string=="") {
alert("Введён некорректный символ!!!");
}
else {
mass=symbolsearch.split(string);
for(var i=0;i<mass.length-1;i++) {
symbols+=mass[i];
symbols+="<span style='color:red;font-size:11px;font-weight:bold'>"+string+"</span>";
stringKeeper=string;
}
symbols+=mass[i];
document.getElementById('searchText').innerHTML=symbols;
for(var g=0;g<symbolsearch.length;g++) {
if(symbolsearch.substr(g,string.length)==string) {
stringCounter++;
}
document.getElementById('matches').innerHTML=stringCounter;
}
}
}
function clearElements() {
document.getElementById('searchText').innerHTML=saveOriginal;
}
</script>
<div id="searchText">Lorem ipsum — название классического текста-«рыбы». «Рыба» — слово из жаргона дизайнеров, обозначает условный, зачастую бессмысленный текст, вставляемый в макет страницы. Lorem ipsum представляет собой искажённый отрывок из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры на латинском языке. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником в XVI веке.
</div>
<p>Всего совпадений: <span id="matches"></span></p>
<a href="#" onclick="clearElements();textCounter();" style="font-family:Verdana, Arial, Helvetica, sans-serif; color:#0099FF;">Найти символ в тексте</a><br/><br/>
</body>
</html>