Estoy abriendo una ventana como modal. window.showModalDialog ("http://www.google.com", "", "dialogWidth: 500px; dialogHeight: 500px ")

A medida que configuro la altura, ¿qué otras opciones hay disponibles? ¿Te gustan los botones de opción, menús, etc. donde puedo encontrar tutoriales?

EDITAR

Funciona en Mozilla firefox, ¡pero la gente dice que no!

Mi código es

Por favor, alguien edite mi código de muestra para mostrar

<html>
<head>
<script>
    function abc() {
        window.showModalDialog("3.htm", "", "dialogWidth:500px;dialogHeight:500px");
    }
</script>
</head>
<body>
<input type="button" id="check" name="check" onclick="abc()" value="open"/>
</body>
</html>

Segunda EDICIÓN

Código para la página 3.htm

     <html>
<head>
<script>
function abc(){
close()
}
</script>
</head>
<body>
<input type="button" id="check" name="check" onclick="abc()" value="close"/>
</body>
</html>

¡Echa un vistazo a ambos códigos en fire fox! y dime.

Tercera EDICIÓN

Ok, no funciona en Chrome y Opera

0
Vikas 24 abr. 2009 a las 10:01

4 respuestas

La mejor respuesta

Tenga en cuenta que showModalDialog es específico de IE y no necesariamente funcionará con otros navegadores. Si desea cuadros de diálogo modales del navegador cruzado, debe usar un div para ocultar el resto de la página y superponer su cuadro de diálogo en la parte superior. Es más fácil usar una biblioteca javascript existente que ya se encarga de esto.

0
Steven 24 abr. 2009 a las 07:51

Sugiero no usar ventanas emergentes en aplicaciones web. Utilice divs flotantes en lugar de un cuadro de diálogo modal, pero son mejores que las ventanas emergentes.

0
Ramesh Soni 24 abr. 2009 a las 06:16

JQuery UI tiene una API de diálogo emergente / modal decente y he trabajado con Plugin Boxy que es muy fácil de implementar.

Son cruzadas y fáciles de usar.

0
Fermin 24 abr. 2009 a las 08:15

Para cargar una página usando boxy use:

var boxyPopup;
Boxy.load("aPage.html",
            {title: "Title",
            modal: true,
            fixed: false,
            afterShow: function(){
                boxyPopup = this;}});

No estoy seguro de lo que quiere decir con que no abre una nueva página en la misma ventana cuadrada, pero usando lo anterior tiene boxyPopup var como referencia al objeto cuadrado abierto y puede acceder / cambiar contenido usando eso.

0
Fermin 24 abr. 2009 a las 14:22