Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.01.2010, 14:55
Новичок на форуме
Отправить личное сообщение для mugu Посмотреть профиль Найти все сообщения от mugu
 
Регистрация: 02.01.2010
Сообщений: 3

Отметить на картинке и привязать текст.
Хотелось бы получить примерно следующее: есть картинка, на ней нужно отметить в четырехугольные области части этой картинки, так, что бы при нажатии на этой, возможно подсвеченной или как то по другому выделенной части, выделение сохранялось, пока не будет нажато другое выделение, а под этой картинкой выводился прикрепленный к этой отметке текст.
С js можно сказать вообще не работал, вот думаю обучиться, но сейчас нужно побыстрее решить эту задачу
Выбрал js потому что посчитал его удобным для данной работы. Все это будет в html странице.
Подскажите как это сделать, если кто нибудь сталкивался с подобными примерами поделитесь пожалуйста ссылочками или кодом
Заранее спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 02.01.2010, 17:18
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

круто, удачи чувак.
Ответить с цитированием
  #3 (permalink)  
Старый 02.01.2010, 20:00
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

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

Последний раз редактировалось Riim, 02.01.2010 в 20:03.
Ответить с цитированием
  #4 (permalink)  
Старый 09.01.2010, 17:16
Новичок на форуме
Отправить личное сообщение для mugu Посмотреть профиль Найти все сообщения от mugu
 
Регистрация: 02.01.2010
Сообщений: 3

Должно получиться что-то типа кого как выделяется области на фото для сайта вконтакте... от туда можно выдрать скрипт?
Riim, Спасибо за пример некоторые вещи пригодятся.
Ответить с цитированием
  #5 (permalink)  
Старый 09.01.2010, 20:38
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

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

С текстом всё просто, из массива выводим нужный текст, который соответствует блок-диву.
Ответить с цитированием
  #6 (permalink)  
Старый 13.01.2010, 14:11
Аспирант
Отправить личное сообщение для Reflexion Посмотреть профиль Найти все сообщения от Reflexion
 
Регистрация: 25.10.2009
Сообщений: 51

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

http://file.qip.ru/get/115907295/7ffe7a2b/maparea.html
Ответить с цитированием
  #7 (permalink)  
Старый 13.01.2010, 14:33
Новичок на форуме
Отправить личное сообщение для mugu Посмотреть профиль Найти все сообщения от mugu
 
Регистрация: 02.01.2010
Сообщений: 3

Огромнейшее спасибо!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
Вопрос: И опять про offsetLeft... sigurd Общие вопросы Javascript 11 04.10.2010 13:06
Вопрос по относительному позиционированию DIV XPOMOB (X)HTML/CSS 11 15.07.2009 16:02
Как сделать чтобы text() брал только текст родителя без текста вложенных контейнеров? Andrey32 jQuery 3 23.05.2009 00:33
На входе HTML получить на выходе просто текст, как? Dmitry Общие вопросы Javascript 2 25.08.2008 09:42