Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Возможности move (https://javascript.ru/forum/dom-window/41887-vozmozhnosti-move.html)

hoax 02.10.2013 23:23

Возможности move
 
из этого урока можно понять http://learn.javascript.ru/play/tuto...r-tooltip.html

что содержимое подсказки можно взять из атрибута у ссылки (или любого другого объекта страницы). НО что делать если содержимое подсказки должно быть, например с картинкой, с текстом с разными цветами и размером шрифта?

На мысль приходить сделать отдельный блок, и при наведении его использовать, а что если таких блоков надо на странице штук 50, или 200, каждый раз делать #div44, класть туда модуль HTML (например создавая его в joomla) и там уже писать содержимое?

BETEPAH 02.10.2013 23:56

гуглить "hover tooltip plugin"

hoax 04.10.2013 18:39

хмммм. я правда ждал какой-нибудь информации, не столько кода как напутствий, просто данный урок показался мне интересным, и я подумал, а что если туда вместить например картинку и т.д., возможсности атрибута data- этого не позволяют, и сделать например как тут http://l2on.net/?c=stuff&a=search&q=...1&weapon=sword

в подкаске как бы блок и картинка и текст разный, и его разное позиционирование.

готовые плагины не совсем люблю, т.к. они по первых не всегда работающий, могут быть на анг, для которого его кучу расширений надо искать и т.д., и вообще хочу сам понять и написать:cray:

ksa 07.10.2013 13:48

Цитата:

Сообщение от hoax
содержимое подсказки можно взять из атрибута у ссылки (или любого другого объекта страницы). НО что делать если содержимое подсказки должно быть, например с картинкой

Брать еще и ее УРЛ с некоего атрибута... :)

Цитата:

Сообщение от hoax
с текстом с разными цветами и размером шрифта

Тут просто масса вариантов...
- хранить все это в атрибуте
- запрашивать у сервера, зная идентификатор
- прятать все это на странице, а потом показывать

ruslan_mart 07.10.2013 15:12

Можно сделать BB-коды в атрибут :D

<a class="tooltip" data-tool="Bla bla bla [img]image.jpg[/img], [red]Red Text[/red]">Tooltip</a>


Ну и естественно написать скрипт, который будет это парсить. :)

hoax 10.10.2013 17:59

Цитата:

Сообщение от ksa (Сообщение 275275)
Брать еще и ее УРЛ с некоего атрибута... :)


Тут просто масса вариантов...
- хранить все это в атрибуте
- запрашивать у сервера, зная идентификатор
- прятать все это на странице, а потом показывать

спасибо скажите, как например можно передать туже самую картинку, на которую наводится курсор

например

podskazka_block.innerHTML = text_attrubite + img

var img = получить картинку, на которую наводим???

ksa 10.10.2013 18:07

Цитата:

Сообщение от hoax
как например можно передать туже самую картинку, на которую наводится курсор

У нее есть УРЛ... Его и бери...

hoax 10.10.2013 20:34

ну вот я так попылся сделать

var att = target.getAttribute('data-item'); // получил текст атрибута в подсказку

var img = target.ПоЛуЧиТь КаРТиНкУ // получить картинку на которую мы наводим


пыталсяполучить атрибутом

var img = target.src // но получил вместо карткинки ее путь

BETEPAH 10.10.2013 20:43

Цитата:

Сообщение от hoax
var img = target.src // но получил вместо карткинки ее путь

Что вам мешает использовать путь для формирования картинки? или нужно полностью скопировать с атрибутами? Используйте outerHTML тогда

ksa 10.10.2013 20:48

hoax, я не совсем понял что ты собираешся делать с той "картинкой"... :)

Но УРЛ той картинки можно сунуть в тег
<img src='url' />

Можно создать объект
var img=new Image();
img.src=url;


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