ComunicacionEntreVentanas "undefined"

lm_oktober · #1 (**permalink**) 28/09/2011, 19:38

buenas !! mi nombre es luis soy de buenos airs, argentina, estoy comenzando hacer cositas en javascript pero en algunos momentos tengo problemas y realmente no se como solucionarlos, les cuento el siguiente.

La idea es hacer una comunicacion entre ventanas, abrir una y desde alli enviarle un texto deste textarea a la primera ya tengo declaradas las funciones pero no funciona, cuando escribo el mensaje y le doy click al boton, en la ventana principal sale UNDEFINED..

Aqui les dejo el codigo de la primera ventana y luego de la segunda.

Código PHP:

  <body>

<script type="text/javascript">

function ventanaCableRojo (){
    window.open("cableRojo.html", "NUEVA VENTANA", "width=280, height=380");
    }
function enviarMensaje(mensaje) {
    document.getElementById("mensajeOne").innerHTML=mensaje;
        }

</script> 

<input id="boton" type="button" value="" onclick="ventanaCableRojo()" />

<p id="mensajeOne"></p>

</body>

Código PHP:

  <body>

<script type="text/javascript">

var mensaje = document.getElementById("texto").form.value;

</script>

<form id="form1" name="form1" method="" action="">
<input type="text" id="texto" value="" size="30" />
<input type="submit" value="enviar" onclick="opener.enviarMensaje(mensaje)"/>
</form>

</body>

zerokilled · #2 (**permalink**) 28/09/2011, 21:48

buenas,
hasta cierto punto esta bien. lo que te falla es que la variable mensaje -en la ventana secundaria- no contiene el texto del elemento. debes tener en cuenta que el navegador interpreta las cosas de forma lineal: de arriba abajo y de izquierda a derecha. por tanto, primero se interpreta el script y luego se crean los elementos. en este caso, el elemento no existe cuando se interpreta el script. el texto lo debes obtener justo cuando se presiona el botón. es decir, en el evento onclick. no puede ser incluso luego de haber creado el campo porque para ese momento el éste esta vacio. basicamente lo que debes hacer es poner la sentencia como argumento al invocar la función.

Código:

<element event="fn(/*sentencia aqui*/)">

por otro lado, notese que la sentencia esta un tanto mal, especificamente el form no va.

lm_oktober · #3 (**permalink**) 28/09/2011, 22:35

hola, bueno gracias por tu respuesta! da gusto visitar la pagina y interactuar en el taller

leí atentamente lo que escribiste y en base a eso intente agregarle un valor definido al value del formulario es decir que al arrancar el navegador pueda leer de entrada el texto en el área para luego enviarlo a la otra ventana, pero sigue tirando undefined.

La idea es que la persona escriba en el textarea del form y luego haga click en el button y envié dicho texto a la primera ventana sin embargo lo mas cercano a ello es con un prompt('') ...

es decir

Cita:

var mensaje = prompt('ingrese mensaje');
<input name="" type="text" id="texto" value="" size="30" />
<input type="submit" value="enviar" onclick="opener.enviarMensaje(mensaje)"/>

Y sino, llegar al value del form y editarlo con prompt /// pero tampoco creo, ya lo intente.

saludos. luis

zerokilled · #4 (**permalink**) 29/09/2011, 00:04

no comprendiste mucho lo que intente decirte -o sera que me explique mal. esto es lo que debes poner al invocar la funcion enviarMensaje document.getElementById("texto").value;

lm_oktober · #5 (**permalink**) 29/09/2011, 00:16

bueno --!! no abre entendido bien lo que me explicaste, ya lo solucione gracias

Cita: