Показать сообщение отдельно
  #3 (permalink)  
Старый 05.06.2009, 01:33
Интересующийся
Отправить личное сообщение для slim-v Посмотреть профиль Найти все сообщения от slim-v
 
Регистрация: 04.06.2009
Сообщений: 11

Сообщение от Gvozd Посмотреть сообщение
телепаты в отпуске
код в студию
вы делаете что-то неправильно, потому что такого быть не может, чтобы браузер без причины генерировал события
Ну вот код собственно. Знаю написано криво, но ничего не нашел готового на эту тему, да и учиться лучше на своих ошибках. Собственно задача скрипта, показывать при наводе на элемент картинку (в данном случае только на спан). В ИЕ и Опере все работает, а вот в ФФ, ну выше написал, что получается . Голову уже себе сломал, не могу понять что делаю не так.


function defPosition(event) {
var x = y = 0;
if (document.attachEvent != null) { // Internet Explorer & Opera
x = window.event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
y = window.event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
} else if (!document.attachEvent && document.addEventListener) { // Gecko
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
} else {
// Do nothing
}
return {x:x, y:y};
}



function Init()
{
var img=document.getElementsByTagName('span');

for(var i=0;i<img.length-1;i++)
{
if(img[i].getAttribute("show_big_img")=="On")
{

img[i].onmousemove=function(obj)
{
Show_img_popap(obj,this)
}

img[i].onmouseout=function()
{
Hide_img_popap(this);
}
}
}

}

function Show_img_popap(evt,obj)
{

if(document.getElementById("imaga_"+obj.id)==null)
{
div_img=document.createElement('DIV');
div_img.style.display='block';
div_img.style.position='absolute';
div_img.style.left=defPosition(evt).x;
div_img.style.top=defPosition(evt).y;
div_img.style.padding="20px";
div_img.id="imaga_"+obj.id;
img_obj=document.createElement('img');
img_obj.src=obj.getAttribute("path");
img_obj.style.display='block';
document.body.appendChild(div_img);
div_img.appendChild(img_obj);
}
else
{
obj=document.getElementById("imaga_"+obj.id);
obj.style.display="block";
obj.style.left=defPosition(evt).x;
obj.style.top=defPosition(evt).y;
}
}

function Hide_img_popap(obj)
{
obj=document.getElementById("imaga_"+obj.id);
obj.style.display="none";
}



window.onload = function () { Init(); }



<h2><span id="img1" show_big_img="On" path="/user_files/2930image006.gif">Текст</span></h2>
Ответить с цитированием