Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 请动态禁用区域地图_Javascript_Jquery_Html_Map_Area - Fatal编程技术网

Javascript 请动态禁用区域地图

Javascript 请动态禁用区域地图,javascript,jquery,html,map,area,Javascript,Jquery,Html,Map,Area,如何动态禁用某个区域?作为一个简单的例子,假设我单击一个特定的象限区域,该区域(不是整个地图)将保持禁用状态,直到我单击一个单独的按钮输入。如果地图区域有一个“禁用”属性就好了……但我知道没有。有人能帮我解决问题吗 <img id="square_img" src="images/square.png" usemap="#square" class="chart_class"> <map id="square_map" name="square">

如何动态禁用某个区域?作为一个简单的例子,假设我单击一个特定的象限区域,该区域(不是整个地图)将保持禁用状态,直到我单击一个单独的按钮输入。如果地图区域有一个“禁用”属性就好了……但我知道没有。有人能帮我解决问题吗

    <img id="square_img" src="images/square.png" usemap="#square" class="chart_class">
    <map id="square_map" name="square">
        <area id="quadrant1" shape="poly"  class="area_class" coords="206,10, 300,10, 388,10, 388,100, 388,196, 300,196, 206,196, 206,100" href="#" title="Quadrant1"></area>
        <area id="quadrant2" shape="poly"  class="area_class" coords="13,10, 100,10, 194,10, 194,100, 194,196, 100,196, 13,196, 13,100" href="#" title="Quadrant 2"></area>
        <area id="quadrant3" shape="poly"  class="area_class" coords="13,208, 100,208, 194,208, 194,300, 194,387, 100,387, 13,387, 13,200" href="#" title="Quadrant 3"></area>          
        <area id="quadrant4" shape="poly"  class="area_class" coords="206,208, 300,208, 388,208, 388,300, 388,387, 300,387, 206,387, 206,300" href="#" title="Quadrant 4"></area>   
    </map>
<input type="button" value="restore"/>


我尝试使用
$(this.attr('onclick','returnfalse;')-这不起作用

不过我有一个想法:使用与
coords
相同的值设置
coords\u temp
属性。使用
$('area')。单击()
我将
坐标设置为
0,0,0
。如果我想再次启用它,我将使用
coords\u temp
中的值并将
coords
设置为它。这是可行的,但如果我有很多地图区域,会不会造成这么多开销?难道
0,0,0,0
还可以点击吗?很难,但仍然可以点击,对吗?谢谢。

我建议您单击后添加此内容 首先删除您不想要的一个

function addCoord(){
    var elem = '<area id="quadrant1" shape="poly"  class="area_class" coords="206,10, 300,10, 388,10, 388,100, 388,196, 300,196, 206,196, 206,100" href="#" title="Quadrant1"></area>';
    var addElementTo = document.getElementById("square_map");
    addElementTo.innerHTML=elem;
}
函数addCoord(){
var-elem='';
var addElementTo=document.getElementById(“平方映射”);
addElementTo.innerHTML=elem;
}
只需将该函数添加到onlclick事件中

请注意,我选择了第一个,因为我不知道以后要添加哪一个。

我希望有一个只有少数人知道的秘密“禁用”区域。xD,但我想这也行。投赞成票