danik.js,
мало пользовался - напиши вариацию ?
Вот код для мап сегодняшний:
Программный клик регистрируется только на img, а если кликнуть руками - то на всех уровнях
<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
var onlineUserList=[]; // Cписок Юзеров и их локаций
//$(document).ready(function(){ });
function Funk (){ //Функция, исполняемая по загрузке карты
var Areas=[], ArrSpan=[]
$("#karta-00 area").each(function(i){
$(this).wrap('<span id="Span'+i+'" style="display:inline:block;bopder:red solid 1px;z-index:100;display:inline-block;position:relative" onclick="alert('+i+'Span)"></span>');
$(this).get(0).setAttribute('onclick','alert(\''+i+'X\')');
var a=$(this).parent();//
var a=$(this).parents('#karta-00')
});
alert('top Карта:'+$("img").position().top+' Left Карта:'+$("img").position().left+'\n Высота'+$("img").height()+' Ширина: '+$("img").width());
//alert(document.elementFromPoint(247,214).length)
$(document.elementFromPoint(247,214)).click()//alert(alert(click();
$( 'map' ).on( 'click', 'area', function( e ) {
alert( e.target.title );
});
}
</script>
<div id="div" style="z-index:99;position:absolute width:100%;height:100%;bopder:red solid 1px;" onclick="alert('Клик по #div')">
<map style="z-index:100;position:relative" id="karta-00" name="karta" style="z-index:100;position:relative" >
<area href="/" shape="rect" coords="0,0,250,150" title="В оглавлении форума">
<area href="/f1-forum" shape="rect" coords="250,0,500,150" title="Ваш первый форум">
<area href="/viewonline" shape="rect" coords="0,150,500,300" title="Просматривает «Кто сейчас на форуме»" onclick="alert('Клик по «Кто сейчас на форуме»')">
</map>
<img src="http://s017.radikal.ru/i416/1302/69/20132fd94fd6.jpg" style="z-index:0;position:relative" usemap="#karta" border="0" onload="Funk()" onclick="alert('Увидел, что был Клик по img usemap')/**/">
</div>
</body>
</html>
Суть в том, что document.elementFromPoint(247,214) генерит событие на img usemap, которое не завязано на тег map при
программном клике(кроме Хрома), в отличие от клика руками
