como puedo obtener datos de un iframe

__SDP__ · #1 (**permalink**) 11/02/2013, 17:50

estimados,

tengo dos iframe en la misma pagina, y uno tiene un formulario, mi pregunta es:

¿Como puedo sacar los datos del iframe que tiene el formulario, desde el otro iframe?

gracias, bye.

emprear · #2 (**permalink**) 12/02/2013, 05:43

No entiendo el planteo, pasá un código de ejemplo ,o expresalo de otra forma

mira tu descripción
x.html tiene

Código HTML:

Ver original<body>
<iframe src="algo.html"></iframe>
<iframe src="form.html"></iframe>
</body

vos querés que alguna acción en algo.html, saque los datos del iframe 2. Pero que datos?
los atributos del iframe 2?, esos son valores conocidos
el html del form cargado en el iframe 2? , asumiendo que el form tambien lo hiciste vos, tambien lo son...

muy confuso a mi juicio
SAludos

__SDP__ · #3 (**permalink**) 12/02/2013, 10:11

siguiendo lo que pusiste

digamos que form.html tiene un tipico input de tipo text,

form.html

...
<body>
<input type="text" id="txt_nombre" name="txt_nombre" />
</body>
...

y en algo.html tiene un tipico boton de tipo button

algo.html

...
<body>
<input type="button" id="btn_aceptar" value="Mostrar" />
</body>

la idea es que al presionar el boton Mostrar yo pueda sacar el valor del campo input text que es el nombre que esta en el iframe que tiene el form.html,
el problema es que el boton esta en otro marco.

espero haberme explicado bien,

saludos,

emprear · #4 (**permalink**) 12/02/2013, 11:19

No sé , a ver si esto te va

index_iframes.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
function recibe(valor){
document.getElementById('guarda').innerHTML = valor;
 
}
function responde(){
alert("El valor del input texto en form.html es: " + document.getElementById('guarda').innerHTML);
}
//]]>
</script>
</head>
<body>
index
<div id="guarda" style="display: none;"></div>
<div>
<iframe src='form.html' id="iframe_form" name="iframe_form"></iframe><br />
<iframe src='boton.html' id="iframe_boton" name="iframe_boton"></iframe><br />
</div>
</body>
</html>

form.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<form action="#">
<input type="text" value="" id="texto" onkeyup="parent.recibe(this.value)" />
</form>
</body>
</html>

boton.html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<button onclick="parent.responde();">obtener valor input text en iframe form</button>
</body>
</html>

SAludos

__SDP__ · #5 (**permalink**) 12/02/2013, 11:58

funciona perfect

gracias bro,