Jump to content
  • 0

Выделение ячеек на карте с помощью ссылок.


persons
 Share

Question

Здравствуйте.

Необходимо реализовать выделение ячеек на карте при нажатии на ссылку. То есть когда я нажимаю на ссылку на карте My-lands-map-02.jpg

появлялась квадрат закрашивающий ячейку (квадрат может быть рисунком) таких квадратов может быть до 6 штук.

Нашел код который реализует данную систему но там можно выделять только 1 ячейку. а как добавить к коду чтобы он выделял несколько ячеек в разных координатах при нажатии на ссылку не пойму. в Java не разбираюсь.

Код HTML

<div id="threePics">
<img src="http://www.cyberforum.ru/../pics/pic1.jpg" alt="">
<img src="krug1.gif" alt="" id="krug3">
<img src="krug2.gif" alt="" id="krug4">
<br>
<a href="#" onclick="krug1();">link 1</a>
<br>
<a href="#" onclick="krug2();">link 2</a>
</div>

Код CSS

#threePics {position:relative; top:0; left:0;}
#krug3, #krug4 {position:absolute; display:none;}

Код JavaScript

function krug1(){
var el=document.getElementById("krug3").style;
el.top='55px';
el.left='48px';
el.display="block";
document.getElementById("krug4").style.display="none";
};

function krug2(){
var el=document.getElementById("krug4").style;
el.top='127px';
el.left='198px';
el.display="block";
document.getElementById("krug3").style.display="none";
};

Помогите пожалуйста кто знает как это реализовать что куда нужно дописать.

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Здравствуйте.

Необходимо реализовать выделение ячеек на карте при нажатии на ссылку. То есть когда я нажимаю на ссылку на карте http://4.bp.blogspot.com/_p-dD4dVpgxk

Помогите пожалуйста кто знает как это реализовать что куда нужно дописать.

Учитесь программировать

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy