[jordan]

I want to move an object with mouse (not scrollbar).and get the current position of it..
if u can.. please send a sample code also..

Thanks
Jordan

[Nazir]

If we assume that the object position is the same as the cursor postion. Then we can use the standard method to find the cursor's position relative to the entire page is via the pageX and pageY properties of the event object. Internet Explorer doesn't support these properties, but it does include some properties that almost the one we want. clientX and clientY are available in Internet Explorer, though they measure the distance from the mouse cursor to the edge of the browser window. In order to find the position of the cursor relative to the entire page, we need to add the current scroll position to these dimentions. To do this we need to use getScrollingPosition function from that solution to retrive the required dimentions.

e.g

function displayCursorPosition(event)
{
if (typeof event == "undefined")
{
event = windows.event;
}

var scrollingPosition=getScrollingPosition();
var cursorPosition = [0, 0];

if (typeof event.pageX != "undefined" &&
typeof event.x != "undefined")
{
cursorPosition[0] = event.pageX;
cursorPosition[1] = event.pageY;
}
else
{
cursorPosition[0] = event.clientX + scrollingPosition[0];
cursorPosition[1] = event.clientY + scrollingPosition[1];
}

var paragraph = document.getElementByTagName("p")[0];

paragraph.replaceChild(document.createTextNode(
"Your mouse is currently located at : "+cursorPosition[0] +
","+cursorPosition[1],
paragraph.firstChild);

return true;
}

clientX/clientY are valid W3C DOM event properties that exist in most browsers, so we can't rely on their existance as an indication that we need to use them. Instead, within our event handler, we test for the existance of pageX. Internet Explorer for Mac does have pageX, but it's an incorrect value, so we must also check for x.x is actually a nonstandard property, but most browsers support it ( the exception being Opera 8+ and Internet Explorer). It's ok that Opera 8+ doesn't support x, because the else statement is actually a cross-browser method for calculating the mouse cursor position except in Safari, which incorrectly gives clientX the same value as pageX. That's why we still need to use both methods of calculting the cursor position.

[ScottHughes]

Which browsers will that code work in - assuming the browsers have JavaScript on? I worry about using JavaScript because it can have such different results in various browsers.