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

[danneo]

Нужно сделать страницу с законом (подобие). На ней будет много текста.
Далее, необходимо в тексте проставить ссылки на определенные пункты закона. При наведении на ссылку нужно, чтобы всплывала подсказка с этим пунктом.
Как это можно сделать, если учесть, что все подсказки (пункты) размещены в одном большом документе, а не по отдельности, как отдельные записи в БД.

 

[Q_BASIC]

Распарсить документ и в БД его, или json и в файл

А потом что угодно делать

 

[danneo]

Распарсить документ и в БД его, или json и в файл

А потом что угодно делать

В какой вид распарсить?

 

[Q_BASIC]

В какой вид распарсить?

Распарсить, чтобы пункты были отдельно и все

И никакой вид не надо

 

[denverkurt]

поместить пункты в <div> с какими нибудь классами. например

<div class="punkt1">...текст пункта закона...</div>

либо абзацы точно также
а на ссылку вешать обработчик, чтобы он забирал текст из указанного класса и показывал подсказку. все это довольно просто сделать на jQuery

 

[andystill]

Так как пункты закона уникальны, их логичнее обернуть в свой 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 конкретного пункта ссылания можно легко обработать любым публичным плагином для всплывающих подсказок.

 

[denverkurt]

Так как пункты закона уникальны, их логичнее обернуть в свой 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 конкретного пункта ссылания можно легко обработать любым публичным плагином для всплывающих подсказок.

и самое главное не забыть про решетку в линке

 

[andystill]

и самое главное не забыть про решетку в линке

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

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