Receive values (popup) on parent page

Question

On another question, they were able to help me about storing the values of some input of a popup, to move to the parent page.

Summary.jsp (father)

<input type="button" onclick="test();" value="Palavras" />
<div id="idPai"></div>

function test(){
  window.showModalDialog('saida.jsp',null,'status:off;center:yes;scroll:no;');
}

In popup, there is a function, addCampos(), for the user to create several fields 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>

In the method below, is the main part of the other question, is where is passed the values (an array) to the parent page.

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

Updating

My problem is that I don’t know how to use (catch) this value on the parent page. What I need is: the user will type several words in the popup, when closing the popup, the typed words will be compared with a java array, and so only the typed words that are contained in this array will be shown on the screen.

Answer 1

Come on, to get the data you use the same function($(this).val()), within the each, which is assigning the values in the div#idPai of HTML.

To store these values in a array you declare a variable before the function enviaDados. Within the each, every run, you add in array the value using the function push().

See how it looks in the code:

<script language="javascript">
  var arrayDados = []; // declaração do array no escopo global.
  function enviaDados(){
    $("#idPai").html(""); // Aqui irá resetar o conteudo da div.
    $('input[id^="ctxt"]').each(function(){
      arrayDados.push($(this).val()); // adiciona o valor no array.
      $("#idPai").append("<p><b> Valor do Imput: "+$(this).val()+"</b></p>");
    });
    window.close();
  }
</script>

This implementation is to keep the values that came from the modal in a array in the global scope of Javascript, being possible to access the page father.

@Edit

Assuming you’ve created one array in the JS with the JAVA values, as our friend @Matheus said in the comments, this is the global scope array. To verify the existence of the values you can use the function indexOf() to validate.

Obs: Let’s assume you created the array var ArrayJScomValoresDoJava = [x,p,t,o] with the values of array java.

See how it looks in the code:

<script language="javascript">
  function enviaDados(){
    $("#idPai").html(""); // Aqui irá resetar o conteudo da div.
    $('input[id^="ctxt"]').each(function(){
      if(ArrayJScomValoresDoJava.indexOf($(this).val()) != -1) {
        $("#idPai").append("<p><b> Valor do Imput: "+$(this).val()+"</b></p>");
      };
    });
    window.close();
  };
</script>

This implementation will add to div#idPai only when the value passed by the modal exists in the array, read about indexOf if there are doubts.