我怎样才能取消选择"所有带有imagemapster的区域?

时间:2015-04-21 11:41:54

标签: javascript jquery html imagemapster

我有两个与imagemapster绑定的图像。当我点击一个区域时,它保持选中状态,这很好。我需要更改行为,以便当我单击某个区域时,我希望其他区域取消选择。

这可能吗?

<img onClick="pruebaImagemapster();" src="images/desplegable_pag04_2.png" alt="Desplegable" width="358" height="213" border="0" usemap="#Map2" class="map" />
<map name="Map2"><area shape="rect" coords="198,70,310,146" onclick="clickAbrirSubmenu('links5')" href="javascript:;">
    <area shape="rect" coords="49,70,163,145" onclick="clickAbrirSubmenu('links4')" href="javascript:;">
</map>

<img onClick="pruebaImagemapster();" src="images/desplegable_pag04.png" alt="Desplegable" width="694" height="104" border="0" usemap="#Map" class="map" />
<map name="Map">
    <area shape="rect" coords="377,7,693,96" onclick="clickAbrirSubmenu('links3')" href="javascript:;">
    <area shape="rect" coords="3,6,317,92" onclick="clickAbrirSubmenu('links2')" href="javascript:;">
</map>

如果您不理解我想要实现的目标,请随时向我询问更多信息。

2 个答案:

答案 0 :(得分:0)

我做到了!

我所有的区域都有自己的ID,所以当我点击一个时,我强迫其他人去#34;取消选择&#34;。 这是我的剧本:

&#13;
&#13;
    var nAreas = $('area').length;
    //alert(nAreas);
    for(var i=0;i<=nAreas;i++){
        if(idArea == 'area'+i){
            /*Nada*/
        }else{
          $('#area'+i).mapster('deselect');  
        } 
    }
&#13;
&#13;
&#13;

答案 1 :(得分:0)

它很晚但可能对其他人有帮助。 如果您想一次只选择一个区域,则可以使用内置功能。<​​/ p>

使用

  

singleSelect:false

在插件初始化时的选项中。