Почему этот код не работает с firefox и т. Д.? Я использую то есть 10 и firefox 25, с хромом это работает без проблем. Firefox показывает div, но не в правильном положении (координаты мыши).onmouseover область показывает содержимое div в координатах мыши
Javascript:
<script>
function show(id) {
document.getElementById(id).style.display = "block";
var topPixel = event.clientY;
var leftPixel = event.clientX;
document.getElementById(id).style.top = topPixel + "px";
document.getElementById(id).style.left = leftPixel + "px";
};
function hide(id) {
document.getElementById(id).style.display = "none";
};
</script>
CSS-код:
<style>
.show {display: none;position:absolute;}
</style>
HTML, с PHP ($ данные правильно прочитать):
<img src="picture.jpg" width="100" height="100" border="0" alt="img" usemap="#img">
<map name="img">
<?php while ($data = mysql_fetch_array($db_erg, MYSQL_ASSOC)) { ?>
<area shape="rect" coords="10,10,30,30" href="" alt="#" title="" onmouseover="show('<?php echo $data['id'];?>');" onmouseout="hide('<?php echo $data['id'];?>');" />
<div class="show" id="<?php echo $data['id'];?>">
<?php echo $data['text'];?>
</div>
<?php } ?>
</map>
Функция: ДИВ с соответствующими содержимое и координаты мыши должны быть открыты, когда мышь находится на области.
jsfiddle pls? http://jsfiddle.net/ – dbanet
Проблема была вне сферы действия, указанной в вопросе, и вряд ли будет воспроизведена в будущем. –