Здравствуйте. 
Опять я со своей звёздной картой, которая рисуется при помощи HTML5 Canvas. Нужно, чтобы по мере попадания мыши на определённые объекты карты (то есть просто в определённые точки рисунка), рядом с мышью появлялось бы окошко с данными об этом объекте.

Собственно вопрос: как нарисовать симпатичное окошко без шапки и прочих прибамбасов в определённом месте экрана и потом уничтожить его, когда мышь сдвинется?
В "окно" надо html вывести - там и картинки, и текст.

Внешне похоже на то, как это работает здесь(а на крайняк и так сойдёт, без картинок):
http://sky-map.org/
Правда там насчёт картинок неясно, да и разобраться в том коде я не смог.
(Интересно кстати - перемещается ли в этом примере окно вслед за мышью по мере её движения или каждый раз вручную уничтожается и рисуется заново. Вообще, мне чем проще, тем лучше.)

Это сообщение отредактировал(а) kuksha - 16.1.2012, 22:48

Может этот урок вам поможет?!
Интерактивная карта с всплывающими подсказками

Прикрути любой понравившийся плагин по запросу jquery tooltip

Да я уже пробовал разные тултипы для ссылок. 
Но, у меня задвиг с тем, как эти окошки просто напрямую из JS вызывать при каком-то событии и потом уничтожать когда надо... В примерах сбивает с толка именно  их привязка к ссылкам над которыми они показывются. У меня ссылок вообще нет в этой задаче.

нужен пример кода JS, который просто выводит окошко-квадратик с "текстом-фоткой-html-кодом" по заданным координатам на экране 
+ кусок кода, который это окошко потом грохает. (я сейчас пока всплывающие окна использовал, но это гадко)

Это сообщение отредактировал(а) kuksha - 18.1.2012, 09:06

http://jquery.bassistance.de/tooltip/demo/
Внизу пример с картой. Это не оно?
Дополнительно нужно <map> - описание по которому выводятся подсказки. Его придется перестраивать при каждом драге и зуме карты.

Всё оказалось проще:
DIV в режиме position absolute

Всем спасибо! - хоть и не подошли рецепты в лоб, но всё что надо я там увидел