Skip to main content
Corregir el ejemplo para que sea funcional solo con cortar y pegar.
Origen Enlace

Para acceder a los datos de la pagina padre puedes usar el window.opener

Window opener Property

Sobre este es que aplicas el selector de jQuery para localizar un control y recuperar su valor, o asignarlo, es tan simple como:

window.opener.$("#idcontrol")

saludos

Para aclarar un poco el uso de window.opener, aquí les dejo un ejemplo de como todo lo que escribimos en una ventana se replicara en la otra (y viceversa).

Ejemplo: https://jsfiddle.net/3vb8643p/2/

  <html>
   <head>
    <title>replicar texto en ventanas</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <textarea id="edit1"></textarea> <script>
  <button>abrir otra ventana</button>

  w="";
     $("#edit1").on("keypress",function () {
      w.document.getElementById("edit1").value=$(this).val();
     });
     $("button").on("click", function (){
      w = open("", "_blank", "width=200,height=100");
      w.document.write('<textarea id="edit1" onkeypress="window.opener.$(\'#edit1\').val(this.value)"></textarea>');
     });
    <script>
   </head>
   <body>
    <textarea id="edit1"></textarea>
    <button>abrir otra ventana</button>
   </body>
  </html>

Para acceder a los datos de la pagina padre puedes usar el window.opener

Window opener Property

Sobre este es que aplicas el selector de jQuery para localizar un control y recuperar su valor, o asignarlo, es tan simple como:

window.opener.$("#idcontrol")

saludos

Para aclarar un poco el uso de window.opener, aquí les dejo un ejemplo de como todo lo que escribimos en una ventana se replicara en la otra (y viceversa).

Ejemplo: https://jsfiddle.net/3vb8643p/2/

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <textarea id="edit1"></textarea>
  <button>abrir otra ventana</button>

  w="";
  $("#edit1").on("keypress",function () {
   w.document.getElementById("edit1").value=$(this).val();
  });
  $("button").on("click", function (){
   w = open("", "_blank", "width=200,height=100");
   w.document.write('<textarea id="edit1" onkeypress="window.opener.$(\'#edit1\').val(this.value)"></textarea>');
  });

Para acceder a los datos de la pagina padre puedes usar el window.opener

Window opener Property

Sobre este es que aplicas el selector de jQuery para localizar un control y recuperar su valor, o asignarlo, es tan simple como:

window.opener.$("#idcontrol")

saludos

Para aclarar un poco el uso de window.opener, aquí les dejo un ejemplo de como todo lo que escribimos en una ventana se replicara en la otra (y viceversa).

Ejemplo: https://jsfiddle.net/3vb8643p/2/

  <html>
   <head>
    <title>replicar texto en ventanas</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
     w="";
     $("#edit1").on("keypress",function () {
      w.document.getElementById("edit1").value=$(this).val();
     });
     $("button").on("click", function (){
      w = open("", "_blank", "width=200,height=100");
      w.document.write('<textarea id="edit1" onkeypress="window.opener.$(\'#edit1\').val(this.value)"></textarea>');
     });
    <script>
   </head>
   <body>
    <textarea id="edit1"></textarea>
    <button>abrir otra ventana</button>
   </body>
  </html>
ilustrando con un ejemplo de como pueden replicar lo que escriben en una venta a otra usando window.opener
Origen Enlace

Para acceder a los datos de la pagina padre puedes usar el window.opener

Window opener Property

Sobre este es que aplicas el selector de jQuery para localizar un control y recuperar su valor, o asignarlo, es tan simple como:

window.opener.$("#idcontrol")

saludos

Para aclarar la preguntaun poco el uso de como hacerlo usando window.openerwindow.opener, aquí les dejo un ejemplo de como todo lo que escribimos en una ventana se replicara en la otra y(y viceversa).

Ejemplo: https://jsfiddle.net/3vb8643p/https://jsfiddle.net/3vb8643p/2/

w="";
function wo() {
 w = open("", "_blank", "width=200,height=100");
 w.document.write('<textarea id="edit1" onkeypress="window.opener.document.getElementById(\'edit1\').value=this.value"></textarea>');
}
$("#edit1").on("keypress",function () {
 w.document.getElementById("edit1").value=$(this).val();
});
$("button").on("click", function (){
 wo();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea id="edit1"></textarea>
<br>
<button>open window</button>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <textarea id="edit1"></textarea>
  <button>abrir otra ventana</button>

  w="";
  $("#edit1").on("keypress",function () {
   w.document.getElementById("edit1").value=$(this).val();
  });
  $("button").on("click", function (){
   w = open("", "_blank", "width=200,height=100");
   w.document.write('<textarea id="edit1" onkeypress="window.opener.$(\'#edit1\').val(this.value)"></textarea>');
  });

Para acceder a los datos de la pagina padre puedes usar el window.opener

Window opener Property

Sobre este es que aplicas el selector de jQuery para localizar un control y recuperar su valor, o asignarlo, es tan simple como:

window.opener.$("#idcontrol")

saludos

Para aclarar la pregunta de como hacerlo usando window.opener, aquí les dejo un ejemplo de como todo lo que escribimos en una ventana se replicara en la otra y viceversa.

Ejemplo: https://jsfiddle.net/3vb8643p/

w="";
function wo() {
 w = open("", "_blank", "width=200,height=100");
 w.document.write('<textarea id="edit1" onkeypress="window.opener.document.getElementById(\'edit1\').value=this.value"></textarea>');
}
$("#edit1").on("keypress",function () {
 w.document.getElementById("edit1").value=$(this).val();
});
$("button").on("click", function (){
 wo();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea id="edit1"></textarea>
<br>
<button>open window</button>

Para acceder a los datos de la pagina padre puedes usar el window.opener

Window opener Property

Sobre este es que aplicas el selector de jQuery para localizar un control y recuperar su valor, o asignarlo, es tan simple como:

window.opener.$("#idcontrol")

saludos

Para aclarar un poco el uso de window.opener, aquí les dejo un ejemplo de como todo lo que escribimos en una ventana se replicara en la otra (y viceversa).

Ejemplo: https://jsfiddle.net/3vb8643p/2/

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <textarea id="edit1"></textarea>
  <button>abrir otra ventana</button>

  w="";
  $("#edit1").on("keypress",function () {
   w.document.getElementById("edit1").value=$(this).val();
  });
  $("button").on("click", function (){
   w = open("", "_blank", "width=200,height=100");
   w.document.write('<textarea id="edit1" onkeypress="window.opener.$(\'#edit1\').val(this.value)"></textarea>');
  });
ilustrando con un ejemplo de como pueden replicar lo que escriben en una venta a otra usando window.opener
Origen Enlace

Para acceder a los datos de la pagina padre puedes usar el window.opener

Window opener Property

Sobre este es que aplicas el selector de jqueryjQuery para localizar un control y recuperar su valor, o asignarlo Es, es tan simple somo usarcomo:

window.opener.$("#idcontrol")

saludos

Para aclarar la pregunta de como hacerlo usando window.opener, aquí les dejo un ejemplo de como todo lo que escribimos en una ventana se replicara en la otra y viceversa.

Ejemplo: https://jsfiddle.net/3vb8643p/

w="";
function wo() {
 w = open("", "_blank", "width=200,height=100");
 w.document.write('<textarea id="edit1" onkeypress="window.opener.document.getElementById(\'edit1\').value=this.value"></textarea>');
}
$("#edit1").on("keypress",function () {
 w.document.getElementById("edit1").value=$(this).val();
});
$("button").on("click", function (){
 wo();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea id="edit1"></textarea>
<br>
<button>open window</button>

Para acceder a los datos de la pagina padre puedes usar el window.opener

Window opener Property

Sobre este es que aplicas el selector de jquery para localizar un control y recuperar su valor, o asignarlo Es tan simple somo usar

window.opener.$("#idcontrol")

saludos

Para acceder a los datos de la pagina padre puedes usar el window.opener

Window opener Property

Sobre este es que aplicas el selector de jQuery para localizar un control y recuperar su valor, o asignarlo, es tan simple como:

window.opener.$("#idcontrol")

saludos

Para aclarar la pregunta de como hacerlo usando window.opener, aquí les dejo un ejemplo de como todo lo que escribimos en una ventana se replicara en la otra y viceversa.

Ejemplo: https://jsfiddle.net/3vb8643p/

w="";
function wo() {
 w = open("", "_blank", "width=200,height=100");
 w.document.write('<textarea id="edit1" onkeypress="window.opener.document.getElementById(\'edit1\').value=this.value"></textarea>');
}
$("#edit1").on("keypress",function () {
 w.document.getElementById("edit1").value=$(this).val();
});
$("button").on("click", function (){
 wo();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea id="edit1"></textarea>
<br>
<button>open window</button>

add formatting code
Origen Enlace
Angel Angel
  • 10.1k
  • 9
  • 44
  • 69
Loading
Origen Enlace
Leandro Tuttini
  • 36k
  • 3
  • 15
  • 41
Loading