Passing the event to the handling function with an onmousemove event

[CpVermont]

I've created a window management object for my ajax pages. It opens windows and attaches them to the DOM element specified and then keeps track of them and removes them from DOM when the user closes them. I'm trying to add drag and drop. I am able to assign the mouse event handlers to them, but unable to send the event to the function.

// This is assigned to the parent of the window that has been selected to move
openWindow.parents[this_win].onmousemove = openWindow.move(event);
// Move functuion
openWindow.move = function (evt) {
   if (evt.pageX) {  // My friend Firefox
       Y = evt.pageY;
       X = evt.pageX;
   } else if (evt.clientX) { // Worthless IE
      Y=evt.clientY;
       X=evt.clientX;
   } else { 
      return false;
   }
   if (Y < openWindow.lastY) {
     openWindow.mover.style.top=(parseInt(openWindow.mover.style.top)-Y);
   } else if (Y > openWindow.lastY) {
     openWindow.mover.style.top=(parseInt(openWindow.mover.style.top)-Y);
   }
   .....Same for X
  openWindow.lastY = Y;
  openWindow.lastX =  X;
}

Well anyway this won't work because the event is not being passed to the function for some reason. I assign the mousemove event handler when the user clicks and holds the mouse button on the top bar of the window. It is not assigned when the DOM element is created. is that the problem? Any help on this matter is greatly appreciated.

Thanks,
CpVermont

[acoder]

openWindow.parents[this_win].onmousemove = function(event) { openWindow.move(event); }

[CpVermont]

openWindow.parents[this_win].onmousemove = function(event) { openWindow.move(event); }

Thank You very Much! It worked!!

[acoder]

You're welcome. Glad to hear that it worked.

[CpVermont]

You're welcome. Glad to hear that it worked.

Well I believe I was a little too quick to speak. It works very well on Firefox. I use Firefox for my main (default) browser. I have an issue with Microsoft (I won't go into it here). Anyway for compatibility's sake I tried the window object with IE. And the same problem arose. In firefox the event passes to the function perfectly, but in IE the event doesn't pass at all. In a perfect world everyone would have Firefox. Anyway your insight into this would be much appreciated. I'm close to abandoning the drag and drop thing all together, but even if I do I'll soon be back to trying to solve the problem!

[acoder]

IE uses the global window.event for event handling. Try adding that ceck in your move function, e.g. evt = evt || window.event.

[CpVermont]

Again thank you Very much. I assigned the event handlers to the DOM elements (the parent and window) like this

openNewWindow.parents[this_parent].onmousemove =
 function (event) {
if (!event) {event = window.event;}
openNewWindow.moveMe(event);
}

That works good if FF and IE. Thank you very much your help is very very much appreciated!

[acoder]

Again you're welcome ;)