Olá meus amigos!!
Hoje vou postar um artigo sobre ModalDialog, normalmente usado como PopUp's.
Uma boa utilidade para ele é que ele "trava" a pagina pai podendo usa-la novamente somente
quando fechar a popup e é bem utilizável tambem quando se tem um sistema web que utilizam de
muitas popup's sendo que o ModalDialog seguirá como uma página padrão para todas as popup's.
Chega de lero lero e vamos a um exemplo prático:
Primeiro criei uma página que será o padrão das minhas popup´s, dei nome de ModalDialog.
<head runat="server">
<title>Modal Dialog</title>
</head>
<frameset rows="520px">
<frame src="<%= Request["Content"] %>" />
</frameset>
</html> |
Em seguida na pagina Pai, criei um botão que irá abrir a minha página popup:
<script type="text/javascript">
//Abre PopUp
function AbrePopUpCif()
{
var opcoes = "resizable:yes;dialogWidth:517px;dialogHeight:310px;center:yes;scroll:yes";
var pagina = "ModalDialog.aspx?Content=DigiteSuaNovaPagina.aspx";
var popup = window.showModalDialog(pagina, null, opcoes);
}
</script><%@ page autoeventwireup="true" codefile="Default.aspx.cs"
inherits="_Default" language="C#" %>
<input ID="btnPopUp" type="button" OnClick="AbrePopUpCif();" style="width: 81px" value="PopUp" /> |
Bem, é isso galera, espero ter ajudado quem esta com algumas difículdade em usar ModalDialog ou ate mesmo saber como ele funciona.
Vale lembrar que isto não funcionará em navegador
FIREFOX apenas no
IE, estou pesquisando, assim que conseguir a solução para o firefox, postarei aqui!
Valeuu a todos!
Abraços!
DaniloCe
Posted
30-1-2008 15:19
por
Danilo Cecilia