Скрипт подсказок по тексту страницы. Есть такой?

regta
На сайте с 15.04.2006
Offline
302
616

Здравствуйте

Такой вопрос возник: существует ли подобное решение:

Есть сайт с большим количеством текста (много страниц)

Есть в неком формате список соответствий: "слово/словосочетание в тексте" - "текст подсказки"

Можно ли сделать так: страница загрузилась, если в тексте встречаются слова или словосочетания (из вышеупомянутого списка соответствий), то при наведении мышкой на эти слова появляется всплывающая подсказка.

В самом тексте эти слова/словосочетания никак не выделены, список слов может обновляться.

----------

Погуглил по сабжу, вроде что-то есть в Сети, но всё с обязательным выделением нужного слова/словосочетания тегами (<a> , <span>, ...)

http://habrahabr.ru/post/165805/

и т.п.

----------

Буду признателен, если подскажите по теме (совет, ссылка почитать)...

Спасибо.

Цитируйте, плиз, историю переписки в личке. Спасибо.
TA
На сайте с 12.06.2009
Offline
116
TiA
#1

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

Если вам очень не хочется, чтобы в отдаваемом коде страницы присутствовали дополнительные теги, то можно поступить несколько более изощренно: сначала выводится текст как он есть без выделения тегами. После загрузки страницы с помощью JS выполняется AJAX запрос на сервер, который отдает текст с выделением тегами тегами. Этот текст помещается или поверх существующего с помощью z-index и с установкой прозрачности через opacity: 0.01;, или вместо существующего. И уже на эти обертки навешиваются обработчики, которые выводят подсказки.

Если база "слово/словосочетание в тексте" - "текст подсказки" не очень большая, то можно ее отдавать по AJAX и уже сам JS будет парсить текст страницы и оборачивать нужные слова и словосочетания.

Профессиональная верстка и разработка сайтов на WordPress (http://www.maultalk.com/topic139110s0.html)
Joker-jar
На сайте с 26.08.2010
Offline
154
#2

Ну, если страница не статична, а генерируется тем же PHP, то можно на этапе формирования при помощи этого словаря навесить обертки на слова, типа <span data-notice="подсказка">слово</span>. И написать немножно JS для их отображения.

Andrey_Prog
На сайте с 20.04.2014
Offline
56
#3

Почитайте документацию Bootstrap. Там для вашей задачи всё уже реализовано.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий