How do I write a dialog box for Firefox? _ Application Tips

When you design a blog operation process, you plan to use a pop-up dialog box to add and modify pages. At the end of Add and modify, click Submit, the dialog box closes, and the following list window refreshes. This will feel like using Windows interface program, the interface is very friendly.

But in the actual operation occurred a problem, ie dialog box technology, Firefox is not supported, how to do both support IE and Support Firefox dialog box?

Fortunately, yesterday in the research TINYMCE, there are support Firefox dialog box technology can learn from.

I wrote the method of opening the dialog box:
function Popupdialog (url,width,height) {
SHOWX = event.screenx-event.offsetx-4-10;  + DeltaX; This code is only valid for IE, no longer used.
showy = event.screeny-event.offsety-168; + DeltaY; This code is only valid for IE, no longer used.

var x = parseint (screen.width/2.0)-(width/2.0);
var y = parseint (screen.height/2.0)-(height/2.0);
var ismsie= (Navigator.appname = = "Microsoft Internet Explorer"); Judge the browser

if (Ismsie) {
retval = window.showmodaldialog (url, window, "dialogwidth:" +width+ px; Dialogheight: "+height+" PX; Dialogleft: "+x+" PX; Dialogtop: "+y+" PX; Status:no; Directories:yes;scrollbars:no; Resizable=no; "  );
} else {
var win = window.open (URL, "Mcepopup", "top=" + y + ", left=" + x + ", scrollbars=" + scrollbars + ", Dialog=yes,modal=yes,wi Dth= "+ width +", height= "+ height +", resizable=no ");
Eval (' try {win.resizeto (width, height);} catch (e) {} ');
Win.focus ();
}
}

In the Open dialog box, I used the page with the up and down frame, because in IE, the dialog box is not submitted, but after the frame, it can be submitted.
On the Submit button, add this piece of code:

function Doreload () {
var ismsie= (Navigator.appname = = "Microsoft Internet Explorer");
if (Ismsie) {
Parent.dialogArguments.location.reload ();
}else{
Parent.opener.document.location.reload ();
}
Top.close ();
}

The two browsers open the dialog box in a different way
IE:window.showModalDialog (URL, window, "dialogwidth:300px; dialogheight:300px; dialogleft:200px; dialogtop:200px; Status:no; Directories:yes;scrollbars:no; Resizable=no; "  );
FireFox:window.open (URL, "Mcepopup", "top=200,left=200,scrollbars=no,dialog=yes,modal=yes,width=300,height=300, Resizable=no ");

When closing a window:
IE:parent.dialogArguments.location.reload ();
FireFox:parent.opener.document.location.reload ();

There is also a very important point to note. Firefox does not seem to support the dialog box Window.close ();
So the last use of the closed window is top.close (); This IE, Firefox are supported.