Parametros para de uma DIV para página

[Gdias 0]

Salve Amigos,

 

Meu probleminha é o seguinte.

Tenho um formulário onde o usuário terá que fazer uma série de preenchimentos. quando ele chega num campo Informação de Registro, há do lado um botão buscar. Esse botão vai abrir uma div com outro formulário, ele vai selecionar a melhor opção e clicar em fechar (hidden)... quando isso acontecer, preciso que a informação selecionada seja passada para o Campo (Informação de Registro) na página.

 

Já fiz algo parecido mas abrindo Pop-Up mas neste sistema é proibido o uso de Pop-Ups...

 

Alguém pode me dar uma força?

Olha até onde eu fui...

 

// o formulário	<td colspan="3" ><input type="text" name="idRecurso" class="objForm"></td>	<td > <input type="button" name="habilitar" value="buscar" onclick="Visualizar3();"></td>	 // o div	 <div name="campos" id="campos" class="label" style="display:'none';position:absolute; left:18px; top:23px; width:97%; height:250; z-index:1; background-color: #F5f5f5;">	 Recurso	 <select name="idRecurso" class="formulario"	   <option value="1">Nom Ono NOm</option>	 </select>	 </div>// falta o botão para fechar o div e passar o parâmetro//o script para abrir o DIVfunction Visualizar3() {	if (document.edit2.habilitar.click) {	document.getElementById("campos").style.display = '';	}}

Desde já obrigado pela força,

Gustavo

[Fleury 3]

Botão fechar:

<input type="button" value="Fechar" onClick="confirmaOpcao()">

 

Codigo:

<script>function confirmaOpcao () {  document.meuForm.txtRecurso.value = document.meuForm.idRecurso[document.meuForm.idRecurso.selectedIndex].value;document.getElementById("campos").style.display = 'none';}</script>

Obs.: muda o nome do seu campo de texto de idRecurso para txtRecurso.

 

=D

[Gdias 0]

Salve amigo Fleury,

 

O brinquedo funciona bem, porém ele dá refresh na página e perde o conteúdo do input "txtRecurso"...

 

veja como ficou o código... coloquei uns alert para monitorar e ele vai passando até quando o div é "fechado" e o refresh rola....

 

// o FORMULARIO<FORM name="edit2">... <td colspan="3" ><input type="text" name="txtRecurso" class="objForm"></td> <td > <input type="button" name="habilitar" value="buscar" onclick="Visualizar3();"></td>...</form>// o DIV<div name="campos" id="campos" class="label" style="display:'none'; position:absolute; left:18px; top:23px; width:97%; height:250; z-index:1; background-color: #F5f5f5;"><FORM name="edit3">	    Recurso  <select name="idRecurso" class="objForm">	<option value="1">1- Non nom onom</option>	<option value="2">2- Non nom onom</option>	<option value="3">3- Non nom onom</option>	<option value="4">4- Non nom onom</option>  </select>  <table border="0" cellspacing="0" cellpadding="0" align="right">   <tr>   <td valign="bottom"><input type="image" src="../../images/botoes/botao_salvar.gif" alt="salvar" onClick="confirmaOpcao();"></td>   </tr>							  </table></form></div>// os SCRIPTS<script>function confirmaOpcao (id) {	document.getElementById("campos").style.visibility = 'hidden';//  alert('document.edit3.idRecurso[document.edit3.idRecurso.selectedIndex].value = '+ document.edit3.idRecurso[document.edit3.idRecurso.selectedIndex].value);	document.edit3.idRecurso[document.edit3.idRecurso.selectedIndex].value//  alert('document.edit2.txtRecurso.value = '+document.edit2.txtRecurso.value);}</script>

Valeu pela força.

 

[]´s

Gustavo

[Fleury 3]

<FORM name="meuForm"><input type="text" name="txtRecurso" class="objForm"><br><input type="button" name="habilitar" value="buscar" onclick="showRecursos();"><br><div name="campos" id="campos" class="label" style="display:'none'; position:absolute; left:24px; top:80px; width:213px; height:111px; z-index:1; background-color: #F5f5f5;">	  Recurso<br>  <select name="optRecurso" class="objForm">	<option value="1">1- Non nom onom</option>	<option value="2">2- Non nom onom</option>	<option value="3">3- Non nom onom</option>	<option value="4">4- Non nom onom</option>  </select>  <table border="0" cellspacing="0" cellpadding="0" align="right">   <tr>   <td valign="bottom"><img src="../../images/botoes/botao_salvar.gif" alt="salvar" onClick="confirmaOpcao();"></td>   </tr>							  </table></div></form><script>function confirmaOpcao () {	document.getElementById("campos").style.display = 'none';	document.meuForm.txtRecurso.value = document.meuForm.optRecurso[document.meuForm.optRecurso.selectedIndex].value;}function showRecursos() {	document.getElementById("campos").style.display = 'block';}</script>

^^

[Gdias 0]

Amigo Fleury,Continua dando o refesh e tirando o value do campo!Acho que não tem jeito não!Gustavo

[Fleury 3]

Seu botão

<input type="image" src="../../images/botoes/botao_salvar.gif" alt="salvar" onClick="confirmaOpcao();">

Meu botão

<img src="../../images/botoes/botao_salvar.gif" alt="salvar" onClick="confirmaOpcao();">

Quando você usa input type="image", é como se você tivesse colocando um botão type="submit".

É só mudar o nome da tag.

[Gdias 0]

Grande Fleury,Funciona que é uma belezinha... valeu essa força![]´sGustavo