1. Método padrão
Copie o código do código da seguinte forma:
<script type = "text/javascript">
Função openwin (src, largura, altura, showcroll) {
Window.showmodaldialog (src, "", "Localização: não; status: não; ajuda: não; Dialogwidth:"+width+"; dialogHeight:"+altura+"; wscroll+"; ";");
}
</script>
Exemplo: <span style = "cursor: ponteiro" onclick = "OpenWin
('//www.vevb.com', '500px', '400px', 'não') "> clique </span>
2. Deve -se notar que o Firefox não suporta a função.
window.open
('Openwin.html', 'Newwin', 'modal = sim, largura = 200, altura = 200, redimensível = não, scrollbars = não');
3. Como julgar automaticamente o navegador
Copie o código do código da seguinte forma:
<input type = "button" value = "Abra a caixa de diálogo" OnClick = "ShowDialog ('#')"/>/>
<Script Language = "JavaScript">
<!-
Função ShowDialog (URL)
{{
if (document.all) // ie
{{
Fewence = "Dialogwidth: 300px; DialogHeight: 200px; Status: Não; Help: Não";
Window.showmodaldialog (URL, nulo, recurso);
}
outro
{{
// modelessdialog pode substituir modal por diálogo = sim
Raciocínio = "largura = 300, altura = 200, menubar = não, barra de ferramentas = não, localização = não" ;;;;;;;
Recurso+= "ScrollBars = Não, status = Não, modal = sim";
Window.open (url, nulo, recurso);
}
}
//->
</Script>
4. No ie, a caixa de diálogo modal ocultará a barra de endereço, enquanto outros navegadores não são necessariamente
[Nota] No navegador do Google, o efeito desse modal também falhará.
5. Geralmente, quando a caixa de diálogo aparece, todos esperamos que o plano de fundo da página de todo o pai se torne uma cor translúcida, para que os usuários possam ver que não podem ser acessados posteriormente.
Depois de fechar a caixa de diálogo, espero restaurar
Como isso fez isso?
Copie o código do código da seguinte forma:
/// exibe as informações detalhadas de um determinado pedido, através de uma caixa de diálogo modal, e a tela mudará de cor
Função ShowerDetails (OrderId) {
var url = "detalhe.aspx? OrderId =" + OrderId;
// $ ("corpo").
// filtro: alfa (opacidade = 50)
$ ("corpo").
ShowDetailsdialog (URL, "600px", "400px", "Sim");
$ ("corpo").
}
Além disso, há uma definição de tabela de estilo
.Body1
{{
Background-Color:#999999;
Filtro: alfa (opacidade = 40);
}
Copie o código do código da seguinte forma:
< %@Página de página = "c#" autoeeventwireup = "true" codeBehind = "webform1.aspx.cs" herits = "webApplication1.webform1" %>
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<Head Runat = "Server">
<Title> </title>
<Style type = "text/css">
.Body1 {{
Background-Color:#999999;
Filtro: alfa (opacidade = 40);
}
</style>
<script src = "jquery.js" type = "text/javascript"> </script>
<script type = "text/javascript">
Função showDetailsDialog (src, largura, altura, showcroll) {{
Window.showModaldialog (SRC, "", "Localização: não; status: não; ajuda: não; Dialogwidth:" + width + "; dialogHeight:" + altura + "; scroll +"; ");
}
Função ShowerDetails (OrderId) {
var url = 'retach.aspx?
$ ("corpo").
ShowDetailsdialog (URL, '500px', '400px', 'não');
$ ("corpo").
}
</script>
</head>
<Body>
<encontrado id = "form1" runat = "server">
<div>
<span style = "cursor: pointer" onclick = "showorderdetails (11)"> clique em </span>
</div>
</morm>
</body>
</html>