Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Отметить на картинке и привязать текст. (https://javascript.ru/forum/dom-window/6895-otmetit-na-kartinke-i-privyazat-tekst.html)

mugu 02.01.2010 15:55

Отметить на картинке и привязать текст.
 
Хотелось бы получить примерно следующее: есть картинка, на ней нужно отметить в четырехугольные области части этой картинки, так, что бы при нажатии на этой, возможно подсвеченной или как то по другому выделенной части, выделение сохранялось, пока не будет нажато другое выделение, а под этой картинкой выводился прикрепленный к этой отметке текст.
С js можно сказать вообще не работал, вот думаю обучиться, но сейчас нужно побыстрее решить эту задачу :blink:
Выбрал js потому что посчитал его удобным для данной работы. Все это будет в html странице.
Подскажите как это сделать, если кто нибудь сталкивался с подобными примерами поделитесь пожалуйста ссылочками или кодом :write:
Заранее спасибо. :thanks:

Gozar 02.01.2010 18:18

круто, удачи чувак.:yes:

Riim 02.01.2010 21:00

Можно с этим примером для начала разобраться.

mugu 09.01.2010 18:16

Должно получиться что-то типа кого как выделяется области на фото для сайта вконтакте... от туда можно выдрать скрипт?
Riim, Спасибо за пример некоторые вещи пригодятся.

Gozar 09.01.2010 21:38

Бекграундом картинку, сверху таблицу или кучу блок-дивов, наводим на ячейку и красим бордер у ячейки или блок-дива в нужный цвет.

С текстом всё просто, из массива выводим нужный текст, который соответствует блок-диву.

Reflexion 13.01.2010 15:11

Вот реализация данной программы, только надо заменить наведение на клик а так вот то что ты просил(выделяется и обводиться нужная часть, её задаешь координатами, подсказка при помощи alt тут, если нужно по другому советую создать div и через JS отображать в нем нужную информацию)

http://file.qip.ru/get/115907295/7ffe7a2b/maparea.html

mugu 13.01.2010 15:33

Огромнейшее спасибо!


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