Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Всплывающая подсказка с ссылками (https://javascript.ru/forum/jquery/36650-vsplyvayushhaya-podskazka-s-ssylkami.html)

Smip 23.03.2013 15:25

Всплывающая подсказка с ссылками
 
Здравствуете.
Есть табличка в которой есть какая-то информация например вот:
<table>
<thead>
<tr>
	<th>Ст.1</th>
	<th>ст.2</th>
	<th>ст.3</th>
</tr>
</thead>
<tbody>
<tr>
	<td>1111</td>
	<td>1212</td>
	<td>1313</td>
</tr>
<tr>
	<td>2121</td>
	<td>2222</td>
	<td>2323</td>
</tr>
<tr>
	<td>3132</td>
	<td>3232</td>
	<td>3333</td>
</tr>
</tbody>
</table>

Хочу сделать чтобы в определённой колонке например 3-й, когда нажимаешь на текст, появлялась всплывающая подсказка где будет какие-то ссылки, например передача текста по ajax куда-то. В чём возникает собственно сложность, так это то что информация в таблице часто меняется, такой информации много например 100 строк. Вот нашел что-то подобное но здесь всплывающая подсказка статически задана и я не понимаю как сделать с неё динамическую.
http://efimov.ws/assets/files/develo...ool1/index.htm
Нашел ещё одну библиотеку bootstrap.js вот пример такой подсказки: http://twitter.github.com/bootstrap/....html#popovers , здесь вообще почти всё классно только в подсказку нельзя всунуть ссылки потому что передаются по HTML-атрибутам data-*. В общем я вообще запутался... Какие-то основы JS знаю, но как поступить в данной ситуации вообще не пойму.

danik.js 23.03.2013 18:55

Нужно писать
data-tooltip="вот &lt;a href='//google.com'&gt;ссылка&lt;a&gt;"

Smip 23.03.2013 19:53

Цитата:

Сообщение от danik.js (Сообщение 242228)
Нужно писать
data-tooltip="вот &lt;a href='//google.com'&gt;ссылка&lt;a&gt;"


<a href="#" class="btn btn-large btn-danger" data-toggle="popover" title="" data-content="вот &lt;a href='//google.com'&gt;ссылка&lt;a&gt;" data-original-title="A Title">Click to toggle popover</a>

Всё равно как есть так и вывелся... может нужно что-то подправить в этой библиотеке?

Smip 23.03.2013 20:43

Методом тыка нашёл... нужно в библиотеке в настройках всплывающей подсказки tooltip в параметре html: поставить true вместо false + код писать так как сказал danik.js. Спасибо за помощь, 2 дня калупался. :dance:


Часовой пояс GMT +3, время: 19:51.