problema con pasar datos de una ventana a otra con javascript

rufus · #1 (**permalink**) 27/10/2013, 08:49

tengo dos formularios

ejercicio4.html

Código Javascript:

Ver original<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
 
        <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
        Remove this if you use the .htaccess -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
        <title>HTML</title>
        <meta name="description" content="">
        <meta name="author" content="rufus">
        <script src="ej4_6.js"></script>
 
 
        <meta name="viewport" content="width=device-width; initial-scale=1.0">
 
        <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
        <link rel="shortcut icon" href="/favicon.ico">
        <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    </head>
 
    <body>
        <div>
            <header>
                <h1>HTML</h1>
            </header>
            <nav>
                <p>
                    <a href="/">Home</a>
                </p>
                <p>
                    <a href="/contact">Contact</a>
                </p>
            </nav>
 
            <div>
                    <form name="formulario">
                        
                          <input type="button" name="buttonOpen" onclick ="openWindow()" value="buttonOpen" style='visibility:visible;'/>
 
                          <input type="button" name="buttonSend" value="buttonSend" style='visibility:hidden;' onclick ="sendValueToWindow()"/>
 
                          <input type="button" name="closeButton" value="closeButton"
                          style='visibility:hidden;'/>
 
                          <input type="text" name="valorRecibido" style='visibility:hidden;'/>
                          
                        
                        
                        
                    </form>
 
            
            </div>
 
            <footer>
                <p>
                    &copy; Copyright  by rufus
                </p>
            </footer>
        </div>
    </body>
</html>

otro ejercicio4_newwindow.html

Código HTML:

Ver original<div>
                    <form name="formulario">
                        <input type="button" name="buttonSendToMain" />
                        
                        <input type="text" name="valorRecibidoNew" value="valor recibido" />
                        
                    </form>
            </div>

y un archivo con las funciones de javascript para manipular los formus

rufus · #2 (**permalink**) 27/10/2013, 08:50

aqui os dejo el codigo javascript

function openWindow()
{
window.open("ejercicio4_.html","Nombre", "width= 350" ,"height= 300px","scrollbars=no");
var formu = window.document.forms["formulario"]["buttonOpen"];
formu.style.visibility="hidden";

var formu = window.document.forms["formulario"]["buttonSend"];
formu.style.visibility="visible";

var formu = window.document.forms["formulario"]["closeButton"];
formu.style.visibility="visible";

var formu = window.document.forms["formulario"]["valorRecibido"];
formu.style.visibility="visible";

}

function sendValueToWindow()
{

var frase = window.prompt("introduzca su nombre");
var referencia_new_window = window.open(ejercicio4_new_window.html , "nombre2");

var referencia_window = window.open;

/* var frase = window.prompt("introduzca su nombre");
var formu = window.document.forms["formulario"]["valorRecibidoNew"].value = frase;

var formu = window.focus(ejercicio4_new_windows);
*/
}

la primera funcion me funciona bien hace lo que necesito. pero la segunda. que me pide esto:
7. Crea una función “sendValueToWindow( )” que se llame al clicar encima el botón con name “buttonSend” desde “ejercicio4.html” que pida un mensaje al usuario y lo envíe al documento “ejercicio4_new_window.html”. En concreto debe realizar las siguientes operaciones:
a. Muestre un cuadro de diálogo que pida un texto al usuario utilizando la función de window “prompt”.
b. Muestre el texto introducido por el usuario en el input “valorRecibidoNew”.
c. Establezca el foco en la ventana creada (ejercicio4_new_window.html)

no se como pasar info de una a otra