Разбить карту на зоны - количество зон по выбору пользователя

@sibflibustier · Регистрация: 24.12.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Есть изображение, оно делится на зоны с помощью Map, при щелчке мышью по зоне выполняется определенное действие. Зоны не одинаковые, все разного размера и формы.

Заказчик теперь просит сделать следующее, чтобы пользователь мог сам указывать количество определенных зон, т.е. определенная часть изображения делилась на 4,8,12 и т.д. зон. Надеюсь понятно объяснил.

HTML5
1
2
3
<map name="map"> 
<area shape="poly" coords="540, 450, 505, 520, 280, 520, 376, 453" onmouseover='changeImage1(1)' onmouseout='changeImage2()' onclick='mclick(1)' ondblclick = 'mblclick(1)'/>
</map>

Если я правильно понимаю, то для того чтобы это сделать, придется по параметрам,заданным пользователем, формировать на сервере html страницу, и в нее записывать координаты новых зон, и возвращать адрес этой страницы. Но мне это, кажется, неправильным.

Какие еще могут быть способы для решения данной задачи?

@sibflibustier · 01.07.2014, 08:05 **[ТС]**

К примеру, было 4 зоны, пользователь захотел чтобы их стало больше, и их стало больше)

Разбить карту на зоны - количество зон по выбору пользователя

@kalabuni · 01.07.2014, 08:42

-- теги <AREA> можно создавать методом createElement ()

-- теги <AREA> можно удалять методом removeNode ()

-- свойства shape и coords тега <AREA> являются read/write

не вижу причин обращаться к серверу

Новые блоги и статьи Все статьи Все блоги /
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .

@sibflibustier 1 / 1 / 0 Регистрация: 24.12.2012 Сообщений: 19
	01.07.2014, 08:05 [ТС]
	К примеру, было 4 зоны, пользователь захотел чтобы их стало больше, и их стало больше) 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	01.07.2014, 08:42
	Сообщение было отмечено Taatshi как решение Решение -- теги <AREA> можно создавать методом createElement () -- теги <AREA> можно удалять методом removeNode () -- свойства shape и coords тега <AREA> являются read/write не вижу причин обращаться к серверу 1

Разбить карту на зоны - количество зон по выбору пользователя

Решение