Всплывающие подсказки с текстом из большого текста

danneo

Честный
Регистрация
13 Ноя 2007
Сообщения
1.526
Реакции
121
Нужно сделать страницу с законом (подобие). На ней будет много текста.
Далее, необходимо в тексте проставить ссылки на определенные пункты закона. При наведении на ссылку нужно, чтобы всплывала подсказка с этим пунктом.
Как это можно сделать, если учесть, что все подсказки (пункты) размещены в одном большом документе, а не по отдельности, как отдельные записи в БД.
 
Распарсить документ и в БД его, или json и в файл

А потом что угодно делать
 
поместить пункты в <div> с какими нибудь классами. например
Код:
<div class="punkt1">...текст пункта закона...</div>
либо абзацы точно также
а на ссылку вешать обработчик, чтобы он забирал текст из указанного класса и показывал подсказку. все это довольно просто сделать на jQuery
 
Так как пункты закона уникальны, их логичнее обернуть в свой id, а так как таковые будут обрабатываться одним скриптом, задать всем им общий (а не частный) класс.
Условно <div id="p1" class="punkt">Содержимое пункта 1 закона </div>
Далее в месте, где нужно ссылание на пункт 1, делаем ссылку с хешем на созданный див: <a href="#p1">Пункт 1</a>
А через jQuery в скрипте прописываешь:
$('.punkt').each(function(){
var soderjimoe = $(this).html();
var thisId = $(this).attr('id');
$('[href="'+thisId+'"]).attr('title',soderjimoe);
})

Ну а уже атрибут title конкретного пункта ссылания можно легко обработать любым публичным плагином для всплывающих подсказок.
 
Так как пункты закона уникальны, их логичнее обернуть в свой id, а так как таковые будут обрабатываться одним скриптом, задать всем им общий (а не частный) класс.
Условно <div id="p1" class="punkt">Содержимое пункта 1 закона </div>
Далее в месте, где нужно ссылание на пункт 1, делаем ссылку с хешем на созданный див: <a href="#p1">Пункт 1</a>
А через jQuery в скрипте прописываешь:
$('.punkt').each(function(){
var soderjimoe = $(this).html();
var thisId = $(this).attr('id');
$('[href="'+thisId+'"]).attr('title',soderjimoe);
})

Ну а уже атрибут title конкретного пункта ссылания можно легко обработать любым публичным плагином для всплывающих подсказок.
и самое главное не забыть про решетку в линке
 
и самое главное не забыть про решетку в линке
Можно и не ставить решетку в линке, но тогда в коде скрипта строку $('[href="'+thisId+'"]).attr('title',soderjimoe); заменить на
$('[href="#'+thisId+'"]).attr('title',soderjimoe);

и тогда ещё придётся добавлять событие клика по такому элементу...
есть и другие методики организации связки, но этого автору думаю будет достаточно)
 
Назад
Сверху