Board Logo

Cross-browser JavaScript modal windows
tigra - 9/28/2007 at 10:10 PM

Here's our approach to implementing cross-browser modal mode windows.
- when window is opened all other elements of the page become inaccessible
- unlimited nesting of the modal windows not limited to boundaries of opening dialog
- configurable size and position of the window
- move window by drag-n-drop of the header
- iframes based (doesn't suffer from IE problem with windowed controls displayed through all elements)
- appearance of each dialog is configurable via CSS independently
- ajax friendly implementation

License: free for any kind of applications. Modifications allowed. Keep the credits inside the script file intact.


helcyon - 1/7/2009 at 03:12 AM

Hi thanks for this modal pop-in code... I found it quite useful.

One thing... There seems to be a couple of odd effects after you close the modal pop-in window until you refresh the original window.
A quick and dirty hack I implemented was to add the following line to the end of the function f_dialogClose:
location.reload();
This forces the window to refresh from cache when you close the pop-in. Seems to work for me.

cheers! :)


Softcomplex: http://www.softcomplex.com/
Back to forum: http://www.softcomplex.com/forum/