DIV в режиме position absolute
Всем спасибо! - хоть и не подошли рецепты в лоб, но всё что надо я там увидел
| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: для новичков > Всплывающие подсказки на карте |
| Автор: kuksha 16.1.2012, 22:07 |
| Здравствуйте. Опять я со своей звёздной картой, которая рисуется при помощи HTML5 Canvas. Нужно, чтобы по мере попадания мыши на определённые объекты карты (то есть просто в определённые точки рисунка), рядом с мышью появлялось бы окошко с данными об этом объекте. Собственно вопрос: как нарисовать симпатичное окошко без шапки и прочих прибамбасов в определённом месте экрана и потом уничтожить его, когда мышь сдвинется? В "окно" надо html вывести - там и картинки, и текст. Внешне похоже на то, как это работает здесь(а на крайняк и так сойдёт, без картинок): http://sky-map.org/ Правда там насчёт картинок неясно, да и разобраться в том коде я не смог. (Интересно кстати - перемещается ли в этом примере окно вслед за мышью по мере её движения или каждый раз вручную уничтожается и рисуется заново. Вообще, мне чем проще, тем лучше.) |
| Автор: serezhka1986 17.1.2012, 12:08 |
| Может этот урок вам поможет?! http://ruseller.com/lessons.php?rub_id=2&id=1310 |
| Автор: $дмитрий 17.1.2012, 23:18 | ||
Прикрути любой понравившийся плагин по запросу jquery tooltip |
| Автор: kuksha 18.1.2012, 08:58 |
| Да я уже пробовал разные тултипы для ссылок. Но, у меня задвиг с тем, как эти окошки просто напрямую из JS вызывать при каком-то событии и потом уничтожать когда надо... В примерах сбивает с толка именно их привязка к ссылкам над которыми они показывются. У меня ссылок вообще нет в этой задаче. нужен пример кода JS, который просто выводит окошко-квадратик с "текстом-фоткой-html-кодом" по заданным координатам на экране + кусок кода, который это окошко потом грохает. (я сейчас пока всплывающие окна использовал, но это гадко) |
| Автор: ksnk 18.1.2012, 09:17 |
| http://jquery.bassistance.de/tooltip/demo/ Внизу пример с картой. Это не оно? Дополнительно нужно <map> - описание по которому выводятся подсказки. Его придется перестраивать при каждом драге и зуме карты. |
| Автор: kuksha 18.1.2012, 23:22 |
| Всё оказалось проще: DIV в режиме position absolute Всем спасибо! - хоть и не подошли рецепты в лоб, но всё что надо я там увидел |