Trouble setting onmousedown in Firefox

[randomfool]

I'm having trouble setting an onmousedown function in firefox. It works fine in IE 7 but when I attempt to call the function in firefox I am getting an "event is not defined" error.

document.getElementById("statusbar").onmousedown = function (){enableResize(event, 'window')};

I tried using

document.getElementById("statusbar").addEventListe ner("mousedown", function (){enableResize(event, 'window')}, true);

but that didn't seem to work correctly either. Does anyone know how I can accomplish this? Thanks!

-Ryan

[mrhoo]

"event is not defined" error
Pay attention to error messages- they can solve your problems.
This one tells you that event was called without being defined.
IE has a global event, but firefox does not, unless you provide one.

document.getElementById("statusbar").onmousedown = function (){enableResize(event, 'window')};

[randomfool]

So how would I go about defining the event for firefox?

I was under the impression that using

document.getElementById("titlebar").addEventListen er("mousedown", enableDrag(event, 'window'), true);

would create the event and should solve the problem. I'm a bit lost when it comes to events.

The actual script is here: http://www.randomfool.net/emprise

[dmjpro]

I think window.event object is defined for each browser.
If addEventListener is not working then try with attachEventListener.
Best of luck.

Kind regards,
dmjpro.

[ronnil]

When exactly does the onmousedown don't occur? my FF seems to have no problem dragging your div around. (until i close it and reopen it), but no error fires.

[randomfool]

What's happening is when I maximize the window to fill the screen I remove the drag and resize functions so you can't change the window. When the window is then restored to it's previous size/position I I'm trying to reenable the dragging and resize functions. which was causing the error and now appears to do nothing. I can't check the code right now so I'm not sure what I broke.


What's happening when you close in reopen the window? One of my friends told me he had trouble dragging vertically when he reopened the window but I couldn't get that to happen when I was playing with it.

Dragging is also kinda messed up as I haven't quite figured out how to reposition the status bar to the bottom of the window correctly yet.

[randomfool]

Well I finally figured it out. It turns out I just needed to add event to the function () { ...} call and it worked.

document.getElementById("titlebar").addEventListen er("mousedown", function (event){enableDrag(event, 'window')}, true);

Thanks for all the replies! The working version is at: http://randomfool.net/window/


-Ryan