Apple

Hi,

In my webpage there are three Frames and on top these frames I am showing a calculator tool constructed in a DIV element, and we have a small button(input type="button") in the calculator with label as "Hold down and Drag to Move" with dragging functionality to move the calculator on the entire page which is working perfectly/smoothly on IE and Firefox browsers with the below specified code, but not freely moving on Safari. When we press the mouse key, hold and drag, the hold move icon is losing the focus from the calculator drag button element and stopping the movement. Its not smoothly dragging as happening in IE and Firefox. Testing on a Safari browser version 4.0.4.

========================================================================================================================

var tmpX = 0

var tmpY = 0

var evntObj;

function getMouseXY(e) {

if (IE) {

evntObj = (event) ? event : e;

tmpX = evntObj.clientX + document.body.scrollLeft

tmpY = evntObj.clientY + document.body.scrollTop

evntObj = null;

} else {

tmpX = e.pageX

tmpY = e.pageY

}

if (tmpX < 0){tmpX = 0}

if (tmpY < 0){tmpY = 0}

}

------------------------------

function initFreeMove(e,isCalc){ //called onmousedown of the calculator "Hold down & Drag to Move" button

isCal = isCalc;

cMI = true;

getMouseXY(e);

if(isCal){

tmpErrX=75;

tmpErrY=20;

hitCal = true;

}

mIO = (isCal) ? getDOMObj("calculator") : ((IE==true) ? e.srcElement : e.target);

}

function processFreeMove(ev){ //called onmousemove of the calculator "Hold down & Drag to Move" button

if(cMI == true){

getMouseXY(ev);

if (isCal){

mIO.style.left= (tmpX - tmpErrX) + 'px';

mIO.style.top= (tmpY - tmpErrY) + 'px';

if (bH < (mIO.style.pixelHeight + mIO.style.pixelTop)){

mIO.style.pixelTop = bH - mIO.style.pixelHeight - 15;

cMI = false;

}

if (bW < (mIO.style.pixelWidth/2 + mIO.style.pixelLeft)){

mIO.style.pixelLeft = bW - mIO.style.pixelWidth - 15;

cMI = false;

}

-------------------------

function stopFreeMove(e){ //called onmouseup of the calculator "Hold down & Drag to Move" button

cMI=false;

hitCal = false;

}

---------------------HTML Code----------------------------

<TR>

........

.....

========================================================================================================================

Any help would be appreciated.

Thanks,

Raghavender.