[captainK]

Can anyone tell me why this bit of Javscript isn't working in Firefox (works fine in IE).

I'm using it to work out the mouse position.

function getMouseXYPos(e) {
	var mouseX = 0;
	var mouseY = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		mouseX = e.pageX;
		mouseY = e.pageY;
	}
	if (e.clientX || e.clientY) 	{
		mouseX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		mouseY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}

	document.getElementById('productPopUp').style.left = mouseX;
	document.getElementById('productPopUp').style.top = mouseY;


	return true;
}//end function

Cheers guys

[stickmus]

Not sure exactly what's wrong with that, but this works

document.getElementById('id').onmousemove=function(e) {
	var blah = mousepos(e);
	alert(blah.x);
	alert(blah.y);
};

function mousepos(e) {
	var x = 0;
	var y = 0;
	if (window.event) {
		x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
		y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
	} else {
		x = e.clientX;
		y = e.clientY;
	}
	return({x:x,y:y});
}

[captainK]

Hm thanks for that Stickmus but it doesn't seem to work. You can see the code at work here: thedarkangel.co.uk/catalogue3.php?c=2

[captainK]

Resolved!

Needed to add px to the end of the values:

document.getElementById('productPopUp').style.left = mouseX+"px";
document.getElementById('productPopUp').style.top = mouseY+"px";

[paulanthony]

have you seen this?

http://boxover.swazz.org/

[captainK]

Originally Posted by paulanthony

have you seen this?

http://boxover.swazz.org/

Cheers for that. Looks useful.

[f00]

document.body used below is IE specific.

Originally Posted by captainK

Can anyone tell me why this bit of Javscript isn't working in Firefox (works fine in IE).

I'm using it to work out the mouse position.

function getMouseXYPos(e) {
	var mouseX = 0;
	var mouseY = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		mouseX = e.pageX;
		mouseY = e.pageY;
	}
	if (e.clientX || e.clientY) 	{
		mouseX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		mouseY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}

	document.getElementById('productPopUp').style.left = mouseX;
	document.getElementById('productPopUp').style.top = mouseY;


	return true;
}//end function

Cheers guys

[Suigeneriz]

function getMouseXYPos(e) {
    var mouseX = 0;
    var mouseY = 0;
    if (!e) var e = (window.event) // IE;
    if (e.pageX || e.pageY)     {
        mouseX = e.pageX;
        mouseY = e.pageY;
    }
        else if (e.clientX || e.clientY) // Netscape/Firefox/Opera {
        mouseX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
        mouseY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
    }

    document.getElementById('productPopUp').style.left = mouseX;
    document.getElementById('productPopUp').style.top = mouseY;


    return true;
}//end function