Для блога марьям

by Denis Tverdokhlebov

CSS

input.search_fab_btn {
    width: 200px;
    height: 40px;
    margin: 20px 0 20px 0;
    background-color: #c19145;
    border: none;
    padding: 0;
    color: #fff;
}

input#text-to-find {
    width: 200px;
    height: 35px;
    padding: 0 10px;
}

.search_fab_body {
    border: 1px solid #20315D;
    padding: 30px 0;
    width: 470px;
}

.search_fab_body i {
    color: #20315D;
}

iframe {
    width: 530px !important;
    height: 304px !important;
}

JavaScript

var lastResFind=""; // последний удачный результат
var copy_page=""; // копия страницы в ихсодном виде
function TrimStr(s) {
     s = s.replace( /^\s+/g, '');
  return s.replace( /\s+$/g, '');http://alfadec.info/wp-admin/theme-editor.php?file=style.css&theme=adinfo&scrollto=0
}
function FindOnPage(inputId) {//ищет текст на странице, в параметр передается ID поля для ввода
  var obj = window.document.getElementById(inputId);
  var textToFind;
 
  if (obj) {
    textToFind = TrimStr(obj.value);//обрезаем пробелы
  } else {
    alert("Введенная фраза не найдена");
    return;
  }
  if (textToFind == "") {
    alert("Вы ничего не ввели");
    return;
  }
  
  if(document.body.innerHTML.indexOf(textToFind)=="-1")
  alert("Ничего не найдено, проверьте правильность ввода!");
  
  if(copy_page.length>0)
        document.body.innerHTML=copy_page;
  else copy_page=document.body.innerHTML;

  
  document.body.innerHTML = document.body.innerHTML.replace(eval("/name="+lastResFind+"/gi")," ");//стираем предыдущие якори для скрола
  document.body.innerHTML = document.body.innerHTML.replace(eval("/"+textToFind+"/gi"),"<a name="+textToFind+" style='background:red'>"+textToFind+"</a>"); //Заменяем найденный текст ссылками с якорем;
  lastResFind=textToFind; // сохраняем фразу для поиска, чтобы в дальнейшем по ней стереть все ссылки
  window.location = '#'+textToFind;//перемещаем скрол к последнему найденному совпадению
 }