Em uma outra pergunta, conseguiram me ajudar sobre armazenar os valores de alguns input
de um popup, para passar para a página pai.
Resumo.jsp (pág pai)
<input type="button" onclick="test();" value="Palavras" />
<div id="idPai"></div>
function test(){
window.showModalDialog('saida.jsp',null,'status:off;center:yes;scroll:no;');
}
No popup, há uma função, addCampos()
, para que o usuário crie vários campos input
.
saida.jsp (popup)
<div id="campoPai"></div>
<input type="text" id='ctxt' name="campo[]" class="form-control">
<input type="button" value="Adicionar campos" onclick="addCampos()">
<button class="btn btn-success" onclick="enviaDados();">Envia Dados</button>
<script type="text/javascript">
var qtdeCampos = 0;
function addCampos() {
var objPai = document.getElementById("campoPai");
var objFilho = document.createElement("div");//Criando o elemento DIV;
objFilho.setAttribute("id","filho"+qtdeCampos);//Definindo atributos ao objFilho
objPai.appendChild(objFilho);//Inserindo o elemento no pai
//Escrevendo algo no filho recém-criado:
document.getElementById("filho"+qtdeCampos).innerHTML = "<input type='text' id='ctxt"+qtdeCampos+"' name='campo[]'>\n\<input type='button' onclick='removerCampo("+qtdeCampos+")' value='Apagar campo'>";
qtdeCampos++;
}
function removerCampo(id) {
var objPai = document.getElementById("campoPai");
var objFilho = document.getElementById("filho"+id);
//Removendo o DIV com id específico do nó-pai:
var removido = objPai.removeChild(objFilho);
}
</script>
No método abaixo, é a parte principal da outra pergunta, é onde é passado os valores (um array) para a página pai.
<script language="javascript">
function enviaDados(){
$("#idPai").html(""); // Aqui irá resetar o conteudo da div.
$('input[id^="ctxt"]').each(function(){
$("#idPai").append("<p><b> Valor do Imput: "+$(this).val()+"</b></p>");
});
window.close();
}
</script>
Atualização
O meu problema é que não sei como usar (pegar) esse valor na página pai. O que preciso é: o usuário vai digitar várias palavras no popup, quando fechar o popup, as palavras digitadas serão comparadas com um array java, e assim somente as palavras digitadas que estiverem contidas nesse array serão mostradas na tela.
each
colocando o$(this).val()
em um array no objetowindow
usando a funçãoArray.push()
.