Как создать блок, чтобы он после нажатия на область картинки появился (JS + HTML)?

Question

[BiTiR]

Есть картинка где я использую тег <area>, а в них координаты прописаны.

Мне необходимо:
1) Чтобы после наведение на определенную область картинки создался блок справа или слева;
2) Возможно считать какой айди у данных координатах? Если да, то как сделать чтобы после этого подгружались нужная информация из текстового файла в блок. Если так нельзя, то как по другому?
3) Как сделать, чтобы после наведение на область картинки, оно становилось светлее или другого цвета?

•Мне необходим весь код•

Comments

[Rustam Bainazarov]

Используйте SVG лучшее, <area> устарели уже весьма давно.

Третий пункт невозможен.

[BiTiR]

Рустам Байназаров, Я к сожалению не знаю SVG нельзя было бы код?

[Rustam Bainazarov]

BiTiR, код за вас никто писать, конечно, не будет, но если хотите поискать и разобраться, то ищите SVG JS manipulations, SVG interactive maps и что-то такое. Если не хотите, то вам нужна биржа фриланса.

[BiTiR]

Рустам Байназаров, Спасибо, очень помог.