Al diseñar el flujo de diálogo de Firefox, planea usar cuadros de diálogo emergente para agregar páginas y modificar páginas. Cuando terminen la adición y la modificación, haga clic en Enviar el cuadro de diálogo para cerrar y luego actualizar la ventana de la lista. A continuación se muestra el editor del nuevo canal de tecnología incorrecto para enseñarle cómo escribir un cuadro de diálogo Firefox adecuado. ¡Vamos al siguiente artículo para obtener más información!
Sin embargo, se produjo un problema durante la operación real. La tecnología del cuadro de diálogo de IE no es compatible con Firefox. ¿Cómo podemos lograr un cuadro de diálogo que admite IE y Firefox?
Afortunadamente, estaba estudiando Tinymce ayer, y hay cuadros de diálogo que admiten Firefox para aprender.
Escribí el método para abrir el cuadro de diálogo:
función popupdialog (url, ancho, altura) {
// showx = event.screenx - event.offsetx - 4 - 10; // + deltax; Este código solo es válido para IE y ya no se usa
// showy = event.screeny - event.offsety -168; // + deltay; Este código solo es válido para IE y ya no se usa
var x = parseint (screen.width/2.0) - (ancho/2.0);
var y = parseint (screen.height / 2.0) - (altura / 2.0);
var isMsie = (navigator.appname == "Microsoft Internet Explorer"); // juzga el navegador
if (isMsie) {
retval = window.showModalDialog (url, ventana, "dialogwidth:"+width+"px; dialogHeight:"+altura+"px; dialogleft:"+x+"px; dialogTop:"+y+"px; status: no; directorios: sí; las barras de desplazamiento: no; resonables = no;");
} demás {
var win = window.open (url, "mcEpopup", "top =" + y + ", left =" + x + ", scrollbars =" + scrollbars + ", diálogo = yes, modal = yes, width =" + width + ", altura =" + altura + ", residable = no");
eval ('try {win.resizeto (ancho, altura);} catch (e) {}');
win.focus ();
}
}
En el cuadro de diálogo que se abre, utilicé la página de la división superior e inferior de los marcos, porque en IE, el cuadro de diálogo no se puede enviar, pero después de que se divide en marcos, se puede enviar.
En el botón enviado, agregue este código:
función doreload () {
var isMsie = (navigator.appname == "Microsoft Internet Explorer");
if (isMsie) {
parent.dialogarguments.location.reload ();
}demás{
parent.opener.document.location.reload ();
}
top.close ();
}
La forma en que los dos navegadores abren cuadros de diálogo es diferente
Es decir: window.showModalDialog (url, ventana, "Dialogwidth: 300px; dialogHeight: 300px; dialogleft: 200px; diálogo: 200px; estado: no; directorios: sí; bobaradas de desplazamiento: no; resenible = no;");
Firefox: Window.open (URL, "MCEPOPUP", "TOP = 200, izquierda = 200, ScrollBars = no, Dialog = yes, modal = yes, ancho = 300, altura = 300, resizable = no");
Al cerrar la ventana:
Es decir: parent.dialogarguments.location.reload ();
Firefox: parent.opener.document.location.reload ();
Hay otro punto muy importante al que prestar atención. Firefox no parece admitir Window.close () de cuadros de diálogo;
Por lo tanto, el último uso de la ventana de cierre es superior.close (); Tanto IE como Firefox Support.
Lo anterior es un cuadro de diálogo que le enseña cómo escribir un Firefox adecuado. Para obtener más contenido, ¡continúe prestando atención a otros artículos relacionados en el nuevo canal de tecnología incorrecto!