Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rafael Mitsunaka

ModalPopup

Recommended Posts

Pessoal,

 

Eu tenho que criar um modalpopup, onde ao logar, eu abro esse popup e aparecera um grid com todos os clientes para eu selecionar 1, só que eu não encontrei em nenhum lugar um exemplo com modal usando grid, alguém pode me dar uma luz?

 

Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Rafael,

 

É ASP 3.0 né? Se sim, eu ja implementei uma funcionalidade onde o modal é aberto e exibie uma listagem. Quando o clica em um item da listagem (ASP 3.0 entao coloquei um botao "Selecionar" em cada linha) a pagina envia o valor selecionado a tela anterior e fecha o popup. Se for isso mesmo que deseja me informe pois tenho isso em casa e ao chegar posso te mandar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

quintelab eu estou tentando fazer por JQuery com o tutorial que você postou, eu fiz um teste colocando o link da popup com o html na minha página de login, e coloquei um link para a página selecionaCliente.aspx, porém ao clicar, não aparece nada, não deveria aparecer o conteúdo da página na pop-up?

Compartilhar este post


Link para o post
Compartilhar em outros sites

É justamente isso que eu preciso, e estou usando asp.net 3.0

 

se puder me enviar eu agradeço. meu email:mitsurox@gmail.com

 

Rafael,

 

A ideia do codigo abaixo e abrir a janela de listagem e, quando o item for selecionado, a janela chamadora recupera o retorno da janela de listagem e utiliza o resultado como bem entender.

 

No exemplo abaixo clicamos na janela que chama a de listagem. Quando o item for selecionado a janela e fechada e o valor selecionado e preenchido no campo texto dentro da janela.

 

JANELA DEFAULT.asp (Janela chamadora do POPUP)

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>POPUP MODAL</title>

		<script LANGUAGE="JavaScript">
		function abrirjanela()
		{
			//Abre a janela no modo Modal (nao pode mexer na de baixo sem fechar a janela de cima)
			//e pega o retorno da janela
			var ret = window.showModalDialog("modal.html","","");

			//Atualiza o valor do campo
			document.frm.txtAtualiza.value = ret;
		}
		</script>

	<head>
		<body TOPMARGIN="0">
			<form id=frm name=frm method=post>
				<table border="0" width="100%" height="100%" align="center" cellpadding="0" cellspacing="0">
					<tr>
						<td valign="top" align="center">
							<a onclick="abrirjanela();" style="cursor:hand">CLIQUE AQUI PARA ABRIR MODAL</a>
						</td>
					</tr>
						
					<tr><br><br>
						<td valign="top" align="center">
							CAMPO A SER ATUALIZADO PELO POPUP <INPUT type=text value="" id="txtAtualiza" name="txtAtualiza">
						</td>
					</tr>
				</table>
			<form>
		</body>
</html>

JANELA POPUP (Possui a listagem e retorna o valor selecionado)

<html>
<title>MODAL</title>
<head>

	<script language="javascript">
		function Selecionar(value){

			//Retorna o valor selecionado dentro do objeto window (este objeto é a janela chamadora do modal)
			//Fecha o objeto
			window.returnValue = value;
			window.close();

		}
	</script>

</head>

<body>

	<TABLE width="100%">

		<TR><TD>LISTAGEM<BR></TD><TR>

		<TR><TD>REGISTRO 1 </TD><TD><a onclick="Selecionar('REGISTRO 1')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 2 </TD><TD><a onclick="Selecionar('REGISTRO 2')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 3 </TD><TD><a onclick="Selecionar('REGISTRO 3')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 4 </TD><TD><a onclick="Selecionar('REGISTRO 4')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 5 </TD><TD><a onclick="Selecionar('REGISTRO 5')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 6 </TD><TD><a onclick="Selecionar('REGISTRO 6')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 7 </TD><TD><a onclick="Selecionar('REGISTRO 7')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 8 </TD><TD><a onclick="Selecionar('REGISTRO 8')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 9 </TD><TD><a onclick="Selecionar('REGISTRO 9')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 10 </TD><TD><a onclick="Selecionar('REGISTRO 10')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 11 </TD><TD><a onclick="Selecionar('REGISTRO 11')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 12 </TD><TD><a onclick="Selecionar('REGISTRO 12')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 13 </TD><TD><a onclick="Selecionar('REGISTRO 13')" style="cursor:hand">Selecionar<a/></TD><TR>
		<TR><TD>REGISTRO 14 </TD><TD><a onclick="Selecionar('REGISTRO 14')" style="cursor:hand">Selecionar<a/></TD><TR>
	</TABLE>

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.