Показать сообщение отдельно
  #1 (permalink)  
Старый 16.10.2010, 05:06
Интересующийся
Отправить личное сообщение для Юрий Никольский Посмотреть профиль Найти все сообщения от Юрий Никольский
 
Регистрация: 07.09.2010
Сообщений: 20

В Фаерфоксе состояние курсора меняется самопроизвольно
http://www.pcshop.ru/cgi-bin/loader.pl?seek=rapier

Сделал так, что при наведении курсора на картинку "инфо" курсор становится поинтером и становится видимым див, в который подкачивается картинка. После перемещения курсора с "инфо" див становится невидимым - none.
Это работает в Хроме и Эксплорере. В Фаерфоксе после появления картинки через долю секунды курсор перестает быть поинтером и происходит событие onmouseout, что приводит невидимости дива.
В чем дело?


print "<div id=thumbnail style=\" position:absolute;border:1px solid black;top:200;left:300;display:none;background-color:white\"><img src=/pix/photos/150/$index_150.jpg></div>";

print "<img onmouseout=\"notShowTN()\" onmouseover=\"showTN($index, '$alttn', this)\" src=$pix_path/control/$style/folder_i.gif width=$i_width height=$i_height border=0 alt=\"$alt\">";

function showTN( index, txt, el ) {
   var r = getAbsolutePos(el);
   document.getElementById('thumbnail').style.top = r.y - 75;
   document.getElementById('thumbnail').innerHTML = '<img src=/pix/photos/150/' + index + '_150.jpg border=1><br>' + txt;
   document.getElementById('thumbnail').style.display = "block";
}
function notShowTN() {
   document.getElementById('thumbnail').style.display = "none";
}

function getAbsolutePos(el) {
   var r = { x: el.offsetLeft, y: el.offsetTop };
   if (el.offsetParent) {
      var tmp = getAbsolutePos(el.offsetParent);
      r.x += tmp.x;
      r.y += tmp.y;
   }
   return r;
}

Последний раз редактировалось Юрий Никольский, 16.10.2010 в 07:56.
Ответить с цитированием