Como capturar y/o modificar el contenido de un IFRAME?

MaBoRaK · #1 (**permalink**) 26/10/2007, 14:43

loading.........

tengo un iframe con el id="algo";

alert($('algo').document.body.innerHTML); <-- no funciona..
alert($('algo').documentWindow.body.innerHTML); <-- no funciona

:S como se accede al contenido? o como puedo modificar su mismo contenido?

danke schön.

connection closed.

KarlanKas · #2 (**permalink**) 26/10/2007, 15:16

Sería así:

alert(top.frames['algo'].document.body.innerHTML)

Pero el navegador no te va a dejar por seguridad...

Panino5001 · #3 (**permalink**) 26/10/2007, 15:45

Probá así:

Código PHP:

  content=document.getElementById('algo').contentWindow.document.body.innerHTML;

caricatos · #4 (**permalink**) 26/10/2007, 18:16

Hola:

Con el id puede que tengas problemas con algún navegador, si solo usas un iframe lo que me parece más seguro es usar window.frames[0].document... y si tienes más iframes puedes usar su nombre...

Fíjate en esta página: Iconos online que cada nueva imagen que lees se crea una miniatura que no es otra cosa que un iframe, lo mismo que el recuadro de edición... (estoy seguro que el código lo vas a entender), también tengo otra página donde se interactúa con iframes: Gradientes (php + librerías GD), cada barra deslizante es un iframe.

Saludos

Panino5001 · #5 (**permalink**) 27/10/2007, 06:22

Hola, Pepe, en realidad con el id funciona bien en todos los navegadores que probé (explorer 5, 6 y 7 (pc), Firefox(pc), Ópera(pc) y Safari de MAC). Aunque en realidad lo que se sugiere para aumentar la compatibilidad es esto:

Código PHP:

  var myf = document.getElementById("myiframe"); 
myf = myf.contentWindow.document || myf.contentDocument;

Pero si se puede evitar el uso del id, estoy de acuerdo con la otra manera, aunque hace 1 par de años atrás me dio dolores de cabeza porque algunos navegadores tomaban sólo el índice numérico y otros sólo el nombre como índice del array frames.

caricatos · #6 (**permalink**) 27/10/2007, 16:53

Hola Andrés:

La verdad es que no conozco esos atributos, pero si recuerdo que me ha llevado bastante trabajo conseguir que interactúen un iframe con su página contenedora y viceversa... para futuros proyectos, espero acordarme de tus comentarios.

Saludos

MaBoRaK · #7 (**permalink**) 29/10/2007, 10:50

loading...............

Muchas gracias por responder... pero algo falla.

Código PHP:

  var myf = document.getElementById("myiframe"); 
myf = myf.contentWindow.document || myf.contentDocument;   
alert(myf.innerHTML) //BLANCO 
alert(myf.body) //undefined

Caricatos.. como hiciste lo tuyo?... mira, yo no quiero que mi iframe llame funciones de su parent.. solo necesito saber el innerHTML de mi iframe...

pero si hago:

Código PHP:

  myf.contentDocument.innerHTML;

En firebug me sale "Permiso para obtener la propiedad HTMLDocument.innerHTML denegado" .. será realmente tan complicado copiar el contenido de un simple iframe?...

Ahora bien tambien hacen referencia a elobjetoIFRAME.body, supongo que eso funciona con iframes que tiene una estructura:

<html><head><body>

pero en mi caso.. a veces solo es un archivo de texto.

Gracias por su ayuda.

connection closed.

caricatos · #8 (**permalink**) 29/10/2007, 11:11

Hola:

El objeto window de un iframe se obtiene con window.frames.elIframe (siendo elIframe el nombre que se le haya dado... también podrías referenciar el mismo por su índice... siguiendo la estructura del documento (DOM), detrás deberías poner document.documentElement... y ahí si que podrías aplicar el innerHTML (en explorer también podrías usar outerHTML)... y debes considerar que documentElement se corresponde con el tag html

Te paso el link de mi destripador: Nuevo destripador.

Saludos

MaBoRaK · #9 (**permalink**) 29/10/2007, 13:59

loading.............

Bueno, creo que no se puede copiar el contenido de un iframe si el iframe es de OTRO DOMINIO :( ni modo... pero seguiré buscando la forma.

connection closed.

Panino5001 · #10 (**permalink**) 29/10/2007, 20:06

Ah, hubieras empezado por ahí. Si es de otro dominio necesitarás apoyo de lenguaje de servidor, algo como esto:

Código PHP:

  <?php
if(isset($_GET['f'])){
echo '<base href="http://www.clarin.com" />';
echo file_get_contents('http://www.clarin.com');
exit;
}
?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<script>
function mostrarseleccion(){
var input = document.getElementById('fr').contentWindow.document;
        if(typeof document.getElementById('fr').contentWindow.document.selection != 'undefined' && document.getElementById('fr').contentWindow.document.selection) {
            alert(input.selection.createRange().text);
            return;
        }
        else {
            alert(document.getElementById('fr').contentWindow.getSelection()); 
            return;
        }

}
</script>
<style>
#bot{
width:150px;
border:1px solid #000000;
background-color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
padding:2px;
cursor:pointer;
}
</style>
</head>

<body>
<div id="bot" onmousedown="mostrarseleccion()">mostrar selecci&oacute;n</div><br />
<iframe id="fr" name="fr" src="?f" width="500" height="500"></iframe>
</body>
</html>

MaBoRaK · #11 (**permalink**) 31/10/2007, 10:42

loading............

Je.. si pensé que los cross domain security solo se aplicaban al objeto xmlhttp... asi que terminé implementando la forma que sugeriste Panino, gracias!

connection closed.

desendoll · #12 (**permalink**) 15/07/2008, 01:32

buenas;

Me encuantro con un problema similar, para sacar el contenido fácil:

Código PHP:

  $fitxer=fopen("http://www.asdfasf.es", "r"); 
$cont=""; 
while (!feof($fitxer)) { 
    $cont=fread($fitxer, 4096); 
    echo $cont; 
} 
fclose($fitxer);

Pero las imágenes, links, action.... necesitarían el path completo para que funcionasen correctamente, sabéis alguna forma de solucionar esto?¿

PD: Yo solo quería cambiar el fondo de una web de otro dominio... y se me esta liando que no veas.....

Panino5001 · #13 (**permalink**) 15/07/2008, 22:00

Usá la etiiqueta base, como en mi ejemplo de arriba.

Bernad · #14 (**permalink**) 19/04/2009, 12:26

Cita:

Iniciado por Panino5001

Ah, hubieras empezado por ahí. Si es de otro dominio necesitarás apoyo de lenguaje de servidor, algo como esto:

Hola Panino.
Estoy intentando entender tu código pero no lo logro comprender.
¿Qué hace el ' src="?f" '? ¿Es lo que busca el $_GET?
El código Javascript lo entiendo, pero es el trozo PHP al que no le veo la lógica.

Gracias por la ayuda que me puedas dar.
Un saludo.

Panino5001 · #15 (**permalink**) 19/04/2009, 13:10

Agrego comentarios en el código:

Código PHP:

  <?php 
/* 
si al archivo actual se le envía via get la variable f 
mostramos el contenido de la página externa 
(el exit es para no mostrar otra cosa que dicho contenido: 
mostramos eso y hacemos que el script finalice) 
*/ 
if(isset($_GET['f'])){ 
echo '<base href="http://www.clarin.com" />'; 
echo file_get_contents('http://www.clarin.com'); 
exit; 
} 
?> 
<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>test</title> 
<script> 
function mostrarseleccion(){ 
var input = document.getElementById('fr').contentWindow.document; 
        if(typeof document.getElementById('fr').contentWindow.document.selection != 'undefined' && document.getElementById('fr').contentWindow.document.selection) { 
            alert(input.selection.createRange().text); 
            return; 
        } 
        else { 
            alert(document.getElementById('fr').contentWindow.getSelection());  
            return; 
        } 
 
} 
</script> 
<style> 
#bot{ 
width:150px; 
border:1px solid #000000; 
background-color:#CCCCCC; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px; 
text-align:center; 
padding:2px; 
cursor:pointer; 
} 
</style> 
</head> 
 
<body> 
<div id="bot" onmousedown="mostrarseleccion()">mostrar selecci&oacute;n</div><br /> 
<!-- ?f equivale a archivoActual.php?f, es decir, le envía al archivo actual, vía get, la variable f   --> 
<iframe id="fr" name="fr" src="?f" width="500" height="500"></iframe> 
</body> 
</html>

En resumen, si al archivo actual se le envía, vía get, la variable f, muestra un contenido diferente del que muestra si no se le envía dicha variable.

Bernad · #16 (**permalink**) 20/04/2009, 03:37

Vale, eso ya lo entiendo, ahora mi duda es, ¿dónde está escribiendo el código php el contenido de la página que está obteniendo?, es decir, esta línea:

echo file_get_contents('xxxxxxxxxxxxxxxxx');

está escribiendo la página que necesitamos, ¿pero dónde, fuera del DOCTYPE?

Muchas gracias por la inestimable ayuda, Panino.

Panino5001 · #17 (**permalink**) 20/04/2009, 05:19

Para entenderlo bien quizá te convenga pensarlo como si ?f fuera un archivo externo. Eso, o ejecutar el archivo, agregar ?f en la barra de direcciones y ver el código fuente resultante.

Bernad · #18 (**permalink**) 20/04/2009, 08:03

Gracias Panino, ahora más o menos lo entiendo, lo malo es que estoy intentando hacer lo mismo en JSP pero no sé si se puede, no consigo hacerlo.

Si al final lo consigo os lo diré, aunque sea para tener una forma más de hacerlo.

Un saludo y muchísimas gracias.

Bernad · #19 (**permalink**) 21/04/2009, 02:56

Estoy más perdido que un pulpo en un garaje.
Necesito hacer eso mismo en JSP y en ColdFusion, pero no lo consigo y no encuentro nada en los buscadores.
Mi problema es que cuando carga el frame no encuentra el parámetro ?f, por lo tanto ni me agrega la etiqueta 'base', ni me carga el contenido de la otra página ni detiene la ejecución, obteniendo como resultado la misma página cargada dentro de sí misma una y otra vez.

¿Alguien puede ayudarme?
Muchísimas gracias.

Panino5001 · #20 (**permalink**) 21/04/2009, 04:45

Tendrías que abrir un mensaje con tu duda específica en el foro del lenguaje que uses

Bernad · #21 (**permalink**) 21/04/2009, 04:56

Cita:

Iniciado por Panino5001

Tendrías que abrir un mensaje con tu duda específica en el foro del lenguaje que uses

Eso mismo acabo de hacer.

Muchísimas gracias por tu ayuda, Panino.

Un saludo.