Форум

haxoid · #11 (**permalink**) 18.07.2012, 15:07

о стал алерт выводится, но блок див все так же выводится не в положении курсора и не двигается за ним а ниже картинки блок выводится

vadim5june · #12 (**permalink**) 18.07.2012, 15:10

Сообщение от haxoid

о стал алерт выводится, но блок див все так же выводится не в положении курсора и не двигается за ним а ниже картинки блок выводится

такое может быть если у него parentNode не body
то есть Вы его куда то внутрь засунули
html код внимательно посмотрите
этот див лучше скриптом делать

var d=document.createElement('div');
d.id='floatTip';
document.body.appendChild(d);

haxoid · #13 (**permalink**) 18.07.2012, 15:48

ну да, у меня в скрипте document.onmousemove = moveTip;
это значит что область видимости его - весь html? но почему то он до вложенного дива добраться не может, хотя onmouseout, onmouseover находит

vadim5june · #14 (**permalink**) 18.07.2012, 15:55

Сообщение от haxoid

ну да, у меня в скрипте document.onmousemove = moveTip;
это значит что область видимости его - весь html? но почему то он до вложенного дива добраться не может, хотя onmouseout, onmouseover находит

так у Вас див с ид=floatTip
вложенный что ли?
он не должен быть вложенным

haxoid · #15 (**permalink**) 18.07.2012, 15:59

был вложен. Теперь не вложен. Перенес его в боди самым первым

<body >
	   <div id="floatTip" ></div>

результата нет-все равно на движение нет реакции, только на onmouseout, onmouseover и выводится блок теперь в хидере.

vadim5june · #16 (**permalink**) 18.07.2012, 16:07

я вот так обычно делаю

<!DOCTYPE html>

<html>
<head>
<style>
  #floatTip 
	{
position: absolute; width: 250px; 
display: none; border: 1px solid #000; padding: 5px;
font-family: sans-serif; font-size:9pt;color: #931; 
background: red;opacity: 0.85;
		z-index:2000;left:0;
	}</style>
<script>
 var pr=0;
function f(){pr=1};
function f1(){pr=0;var f=document.getElementById('floatTip');f.style.display='none';};
function f3(e){if(pr!=1)return;
var f=document.getElementById('floatTip');f.style.display='block';
f.style.top=(e.pageY+10)+'px';
f.style.left=(e.pageX-125)+'px';
};
</script>
<body onmousemove=f3(event)>
<div id='floatTip'
></div><img width=200 onmouseover=f(event) onmouseout=f1(event) src='http://all-html5.narod.ru/2/1.jpg'>

oneguy · #17 (**permalink**) 18.07.2012, 17:02

Сообщение от haxoid

Ошибка здесь: что это за переменная e? Вы, наверное, хотели moveTip(event)

haxoid · #18 (**permalink**) 20.07.2012, 18:02

а разве есть разница в именах переменных? или должно на вход именно имя event подаваться?

lord2kim · #19 (**permalink**) 20.07.2012, 18:47

Сообщение от haxoid

а разве есть разница в именах переменных? или должно на вход именно имя event подаваться?

в данном случае вы просто передаете какую-то переменную e, а должны передавать объект события event

bes · #20 (**permalink**) 20.07.2012, 19:42

Сообщение от lord2kim

в данном случае вы просто передаете какую-то переменную e, а должны передавать объект события event

Да, только не зная этого, до этого трудно догадаться после использования конструкций типа = function (e) {e = e || event}, где event - для IE, а e как первый переданный аргумент для остальных браузеров

Форум

Справочник

Discord чат

Курсы javascript