Запустите новое окно, установите его размер и параметры с карты изображения

Question

У меня есть изображение с 22 определенными зонами карты.Карта выглядит следующим образом:

map name="22_zones"
area shape="circle" coords="251,528,29" href="registration.php?r=22"
area shape="circle" coords="308,451,28" href="registration.php?r=21"
.
.
.
.
/map

Мне бы хотелось, чтобы управляемая картой гиперссылка порождала новое окно и устанавливала его размер / прокрутка / размер и т. Д. В других случаях - не карта изображения -Я бы использовал что-то вроде:

a href="#" onclick="javascript:window.open('../registration.php?r=22', 'none',menubar=no,scrollbars=yes,resizable=yes,location=no,directories=no,status=no,width=470,height=550');"

Может ли этот подход быть адаптирован к карте изображений?

Answer 1

Кстати, если вы хотите избежать встроенного JS, вы можете использовать:

var areas = document.querySelectorAll('map[name="name"] area');
for (var i = 0, j = areas.length; i < j; i++) {
    areas[i].addEventListener('click', function(e) {
        window.open(e.target.href, 'none','menubar=no,scrollbars=yes,resizable=yes,location=no,directories=no,status=no,width=470,height=550');
        e.preventDefault();
    });
}

Answer 2

Мой плохой.Оказывается, HTML и Javascript требуют правильного написания.Исправление:

<area shape="circle" 

ordins = "251,528,29" target = "_ blank" href = "#" onclick = "javascript: window.open ('http://www.townofsilvercity.org/pickitupsc/registration.php?r=14',' none ','Строка меню = нет, скроллбары = да, изменяемая = да, расположение = нет, каталоги = нет, статус = нет, ширина = 470, высота = 550' ); ">