Скрипт поиска по сайту с прокруткой на JavaScript

Недавно копался в интернете в  поиске  простенького  скрипта  поиска по странице для одного сайта. Как ни странно, ни одного рабочего готового скрипта не нашел. В основном проблема заключалась в отсутствии кроссбраузерности (скрипт работает вInternetExplorer, но не работает в Mozilla). Одна из причин – это устаревшие страницы с постами по JavaScript в поисковой выдаче. Но так как скрипт мне был необходим, то пришлось «точить» его самому.

Задумка такова:

  • скрипт ищет совпадения на странице и выделяет их другим цветом;
  • после того как совпадения найдены – крутим страницу до первого совпадения.

Скрипт получился довольно простой. Принцип работы такой:

  • ищет совпадения на странице;
  • выделяет найденные совпадения другим цветом и обрамляет найденный текст ссылкой-якорем;
  • прокручивает страницу до первого якоря.

Наш скрипт будет состоять из двух частей.

  • Вставляем кусок скрипта между тегами <head>…</head> страницы

<script language=»JavaScript»>

function findInPage(str) {

var pattern = new RegExp(«[^value=\"](«+str+»)», «gi»);

var txt = document.body.innerHTML;

if( str==»” || !pattern.test(txt) ) {

alert(«Совпадения не найдены. Повторите поиск.»);

return 0;

}

txt = txt.replace(pattern, «<span style=’color : red;’><a name=’search’> $1</a></span>»);

document.body.innerHTML = txt;

location.replace(‘страница_поиска.html#search’);

}

</script>

  • В тело документа между тегами <body>…</body> вставляем форму поиска:

<div id=»vivod»></div>

<strong><span style=’font-size: 10px;’>Перед поиском новой позиции необходимо нажать «Сброс»</span></strong>

<form id=»search»>

<input name=string onChange=»n = 0;» value=»” size=35 >

<input name=»button2″

onClick=»location.reload();» value=»Cбросить»>

<input name=»button»

onClick=»findInPage(this.form.string.value);» value=»Найти»>

</form>

Пример работы скрипта можно посмотреть здесь.

На мой взгляд, реализация с якорями есть самая простая. Как раз то, что мне и было нужно. Если кому то данный скрипт пригодиться – рад помочь.

Основные теги , ,

Создание трехмерных изображений в SolidWorks

Недавно освоил программное обеспечение SolidWorks. Отчасти это связано с моей профессиональной деятельностью. Изначально данная программа предназначена для моделирования всякого рода изделий и является системой сквозного проектирования на предприятиях и фирмах, но если не вдаваться в глубокие подробности SolidWorks (а их просто море!), то ее можно успешно использовать для создания 3D графических изображений.

Создание простой модели занимает не очень много времени. Лично у меня на создание модели «яблока из стекла» ушло минут 10-15. Но для получения реалистичного изображения моделей, помимо основного пакета необходим пакет PhotoViewe 360. Данный пакет достаточно прост в работе. В данном приложении задается материал для уже готовый модели, в которой уже проработана физика (цвет, текстура, коэффициент отражения и т. д.). Так же можно выбрать вариант сцены из предложенных, или создать свою собственную сцену. Помимо всего, присутствуют настройки изменения освещения. Все настройки позволяют добиться довольно реалистичного изображения предмета.

Если кому-то вдруг будет интересна данная статья и работа с SolidWorks, то задавайте вопросы или тематику будущих статей J.

Основные теги , ,