1. Método estándar
Copiar código del código de la siguiente manera:
<script type = "text/javaScript">
Función OpenWin (SRC, ancho, altura, showscroll) {
Window.ShowModalDialog (src, "", "Ubicación: No; estado: no; ayuda: no; diálogowidth:"+ancho+"; dialogHeight:"+altura+"; wscroll+"; ";");
}
</script>
Ejemplo: <span style = "cursor: pointer" onClick = "Openwin
('//www.vevb.com', '500px', '400px', 'no') "> Haga clic en </span>
2. Cabe señalar que Firefox no admite la función.
ventana. Abierta
('OpenWin.html', 'Newwin', 'modal = yes, ancho = 200, altura = 200, resizable = no, scrollbars = no');
3. Cómo juzgar automáticamente el navegador
Copiar código del código de la siguiente manera:
<input type = "button" value = "abrir el cuadro de diálogo" onClick = "showDialog ('#')"/>/>
<Script language = "javaScript">
<!-
Función showdialog (URL)
{{
if (document.all) // es decir
{{
Característica = "Dialogwidth: 300px; dialogHeight: 200px; status: no; ayuda: no";
Window.ShowModalDialog (URL, NULL, característica);
}
demás
{{
// ModelessDialog puede reemplazar modal con diálogo = sí
Característica = "ancho = 300, altura = 200, Menubar = no, barra de herramientas = no, ubicación = no" ;;;;;
Característica+= "Scrollbars = no, status = no, modal = yes";
Window.open (url, nulo, característica);
}
}
//->
</script>
4. En IE, el cuadro de diálogo modal ocultará la barra de direcciones, mientras que otros navegadores no son necesariamente
[Nota] En Google Browser, el efecto de este modal también fallará.
5. Generalmente, cuando aparece el cuadro de diálogo, todos esperamos que los antecedentes de la página de todo el padre se conviertan en un color translúcido, para que los usuarios puedan ver que no se puede acceder más adelante.
Después de cerrar el cuadro de diálogo, espero restaurar
¿Cómo lo hizo esto?
Copiar código del código de la siguiente manera:
/// Muestra la información detallada de un determinado orden, a través de un cuadro de diálogo modal, y la pantalla cambiará de color
Función showerDetails (ordenid) {
var url = "detalls.aspx? ordenid =" + ordenid;
// $ ("cuerpo").
// Filtro: alfa (opacidad = 50)
$ ("cuerpo").
ShowDetailsdialog (URL, "600px", "400px", "sí");
$ ("cuerpo").
}
Además, hay una definición de tabla de estilo
.Body1
{{
Color de fondo:#999999;
Filtro: alfa (opacidad = 40);
}
Copiar código del código de la siguiente manera:
< %@Page lenguaje = "c#" autoeEventWireUp = "true" codeBeHind = "webform1.aspx.cs" heredes = "WebApplication1.webform1" %>
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "servidor">
<title> </title>
<Style type = "text/css">
.Body1 {{
Color de fondo:#999999;
Filtro: alfa (opacidad = 40);
}
</style>
<script src = "jQuery.js" type = "text/javascript"> </script>
<script type = "text/javaScript">
Función showDetailsdialog (src, ancho, altura, showscroll) {{
Window.ShowModalDialog (src, "", "Ubicación: no; estado: no; ayuda: no; diálogowidth:" + ancho + "; dialogHeight:" + altura + "; scroll +"; ");
}
Función showerDetails (ordenid) {
var url = 'DETACHS.aspx?
$ ("cuerpo").
ShowDetailsdialog (URL, '500px', '400px', 'no');
$ ("cuerpo").
}
</script>
</ablo>
<Body>
<encontrado id = "form1" runat = "servidor">
<div>
<span style = "cursor: pointer" onClick = "showOrderDetails (11)"> Haga clic en </span>
</div>
</form>
</body>
</html>