Ir para conteúdo

POWERED BY:

Arquivado

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

Cemillen

[Resolvido] Passando variáveis para windows open

Por , em Javascript

Recommended Posts

Cemillen    0

Cemillen
Postado

Codigo teste1.html

<html>
  <body>
	<form name="frmTeste" method="POST" id="frmTeste">
	  Nome: <input type="text" id="txtName" name="txtName">
	  Sexo:
		<select name="ddlSex" id="ddlSex">
		  <option value="masculino">Masculino</option>
		  <option value="feminino">Feminino</option>
		</select>
	  <br>
	  Sexo (extenso): <input type="text" id="txtSex" name="txtSex">
	  <br>
	  <input type="button" value="Abrir opções" onclick="window.open('teste2.html')">
	</form>
  </body>
</html>

Codigo teste2.html

<html>
  <head>
	<script type="text/javascript">
		function updateValues(form){
	  //campos da "outra" página que vão ser actualizados
	  var arrFieldsToUpdate = new Array();
	  arrFieldsToUpdate[0]="txtName";
	  arrFieldsToUpdate[1]="ddlSex";
	  arrFieldsToUpdate[2]="txtSex";

	  //campos desta página que contém os valores que vão ser actualizados
	  var arrFieldsToUpdateFrom = new Array();
	  arrFieldsToUpdateFrom[0]="txtName2";
	  arrFieldsToUpdateFrom[1]="ddlSex2";
	  arrFieldsToUpdateFrom[2]="txtSex2";

	  var count=arrFieldsToUpdate.length;

	  for(var i=0;i<count;i++){
		var fieldToUpdate=opener.document.getElementById(arrFieldsToUpdate[i]);
		var fieldToUpdateFrom=form.elements[arrFieldsToUpdateFrom[i]];
		fieldToUpdate.value=fieldToUpdateFrom.value;
		}
	  self.close();
	}
  </script>
  </head>
  <body>
	<form name="frmTeste" method="post" id="frmTeste">
	  Nome: <input type="text" id="txtName" name="txtName2">
	  Sexo:
	  <br>
	  Sexo(extenso): <input type="text" id="txtSex2" name="txtSex2">
			<br>
	  Sexo:
			<select name="ddlSex" id="ddlSex2">
		  <option value="masculino">Masculino</option>
		  <option value="feminino">Feminino</option>
		</select>
<br>
	  <input type="button" value="Actualizar Valores" onclick="updateValues(this.form);">
	</form>
  </body>
</html>

Caso alguém veja este código, o mesmo faz com que o formulário FILHO alimente de volta o formulário PAI, mas estou quebrando a cabeça para fazer ao contrario, ou seja, que quando o formulario FILHO(popup) abra ele já venha preenchido com os valores do formulário PAI.

 

O que quero fazer, desenvolver 1 a página PAI onde o usuário irá escolher o produto e ao clicar irá mostrar a pagina FILHO (popup) com a descrição e detalhes do produto.

 

Se alguém puder me ajudar, agradeço desde já.

 

ps. Não estou sabendo quais comandos usar, para que o html FILHO leia as variáveis do html PAI.

 

 

Christian

Compartilhar este post

Link para o post
Compartilhar em outros sites

GuttoSP    2

GuttoSP
Postado

Usando o método window.open, você cria uma referência à janela aberta, com isso pode manipular o documento da janela.

 

teste1.html

<html>
<head>
<script>
<!--
	function windowOpen() {
		form = document.forms.frmTeste;
		var myWindow = null;
		myWindow = window.open('teste2.html');
		form2 = myWindow.document.forms.frmTeste2;
		form2.txtName2.value = form.txtName.value;
		form2.txtSex2.value = form.txtSex.value;
		form2.ddlSex2.selectedIndex = form.ddlSex.selectedIndex;
		myWindow.focus();
	}
-->
</script>
</head>
  <body>
	<form name="frmTeste" method="POST" id="frmTeste" onSubmit="return windowOpen();">
	  Nome: <input type="text" id="txtName" name="txtName">
	  Sexo:
		<select name="ddlSex" id="ddlSex">
		  <option value="masculino">Masculino</option>
		  <option value="feminino">Feminino</option>
		</select>
	  <br>
	  Sexo (extenso): <input type="text" id="txtSex" name="txtSex">
	  <br>
	  <input type="submit" value="Abrir opções">
	</form>
  </body>
</html>

Veja se é isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cemillen    0

Cemillen
Postado

cara Muitíssimo obrigado.

 

Resolveu minha vida \o/

 

 

Agradeço mesmo nossa estou até sonhando agora com as possibilidades aqui na empresa ^^

 

 

Agora só mais 1 coisa, utilizo aqui o mozilla mas tem clientes que utiliza o IE, e nele dá esta msg aqui.

"Para ajudar a proteger sua segurança ..." e quando é autorizado as informações somem, alguém sabe como poderei deixar ela ativada para não mostrar mais isso ?

 

segue a imagem

Imagem Postada

link --> http://i102.photobucket.com/albums/m106/cemillen/erro2.jpg

 

Desde Já agradeço por tudo, Obrigado

 

Christian

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito