Ir para conteúdo

POWERED BY:

Arquivado

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

jonathas_oliveira

[Resolvido] preciso de criar um componente em javascript

Recommended Posts

Bom dia estou com um problema na criação de um componente em javascript

é o seguinte componente

 

eu tenho um campo de texto ao lado dele coloco um botão que ao clicar nele abre uma janela popup

nessa pop up pode ter uma lista de chekbox, radio, link emfim quando clicar em cima seja de um link ou checkbox ele

venha fechar a janela e adcionar o valor no campo de texto

 

Obs: essa popup pode ser até uma div.

 

exemplo pratico:

 

caixa de texto que recebera o ID do cliente

quando clico no botão ao lado da caixa de texto abri uma nova janela com uma lista de clientes

escolho um cliente e clico emcima do nome do cliente a janela fecha e adiciona o ID do cliente dentro da caixa de texto.

 

como eu posso estar montando isso. sei que não deveser tão simples assim pelo menos para mim que tenho

pouco conhecimento em javascript.

 

alguem poderia me ajudar .

 

desde já agradeço pela atenção dispensada.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá amigo!

Veja se é isso o q você quer:

 

Janela Pai

 

<html>
<head>
	<title>Untitled</title>
</head>

<script>
function abreJanelaClientes(){
window.open("ProcuraCliente.htm");//Aqui abre um Poup Up(janela filho)

}

</SCRIPT>

<body>
<form name="form1" action="" method="get">
<input type="Text" name="txtID" value="">
<input type="Button" name="selecionaID" value="selecionaID" onclick="abreJanelaClientes()">
</form>

</body>
</html>

Janela Filho(poup up):: Salve como ProcuraCliente.htm

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
</head>
<script language="javascript">
		function InformaID(id){
		 opener.document.form1.txtID.value=id; // Passa o valor do id para Janela Pai
		 window.close(); // fecha a Janela Filho(Poup Up)
		  }
</script>
<body>

<input type="Checkbox" value="1" name="chkTeste" onclick="InformaID(this.value);"> 1<br>
<input type="Checkbox" value="2" name="chkTeste" onclick="InformaID(this.value);"> 2<br>
<input type="Checkbox" value="3" name="chkTeste" onclick="InformaID(this.value);"> 3<br>
<input type="Checkbox" value="4" name="chkTeste" onclick="InformaID(this.value);"> 4<br>
<input type="Checkbox" value="5" name="chkTeste" onclick="InformaID(this.value);"> 5<br>


</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.