Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.03.2013, 15:25
Интересующийся
Отправить личное сообщение для Smip Посмотреть профиль Найти все сообщения от Smip
 
Регистрация: 23.01.2013
Сообщений: 19

Всплывающая подсказка с ссылками
Здравствуете.
Есть табличка в которой есть какая-то информация например вот:
<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 знаю, но как поступить в данной ситуации вообще не пойму.
Ответить с цитированием
  #2 (permalink)  
Старый 23.03.2013, 18:55
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Нужно писать
data-tooltip="вот &lt;a href='//google.com'&gt;ссылка&lt;a&gt;"
Ответить с цитированием
  #3 (permalink)  
Старый 23.03.2013, 19:53
Интересующийся
Отправить личное сообщение для Smip Посмотреть профиль Найти все сообщения от Smip
 
Регистрация: 23.01.2013
Сообщений: 19

Сообщение от danik.js Посмотреть сообщение
Нужно писать
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>

Всё равно как есть так и вывелся... может нужно что-то подправить в этой библиотеке?
Ответить с цитированием
  #4 (permalink)  
Старый 23.03.2013, 20:43
Интересующийся
Отправить личное сообщение для Smip Посмотреть профиль Найти все сообщения от Smip
 
Регистрация: 23.01.2013
Сообщений: 19

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Всплывающая подсказка modestes Элементы интерфейса 4 12.04.2012 16:52
При наведении курсора смена картинки и всплывающая подсказка sly Общие вопросы Javascript 0 06.06.2010 17:53
Всплывающая подсказка над полем kampil (X)HTML/CSS 9 25.10.2009 23:16
всплывающая java script подсказка ehevnlem Элементы интерфейса 2 16.12.2008 16:57
Всплывающая подсказка Kaito Общие вопросы Javascript 1 16.09.2008 17:28