saber las paginas en las que navega un iframe

#1 (**permalink**) 31/03/2009, 12:22

Hola Amigos.

Tengo el siguiente problema:
He implementado un iframe para que cargue ciertas paginas para ayudar a unos amigos. Las personas pueden navegar atravez de las paginas que contienen los iframes. El problema que tengo es que necesito saber, por medio de javascript, cuando un usuario hace clic en un enlace dentro del iframe, y saber la direcion de la pagina a la que ese link lleva.

Espero averme echo entender y que me puedan ayudar.
De antemano gracias.

David · #2 (**permalink**) 31/03/2009, 12:26

Si la página que está cargada en el iframe no pertenece al mismo dominio que la tuya, no se puede obtener esa información que deseas por motivos de seguridad.

Panino5001 · #3 (**permalink**) 31/03/2009, 12:27

Si las páginas pertenecen a tu dominio, no hay problema, si no, necesitarás lenguaje de servidor (para generar un un proxy) para poder acceder a esa información.

#4 (**permalink**) 31/03/2009, 15:00

Gracias por contestar.

Las paginas no pertenecen a mi dominio, y de verdad necesito saber esa direccion en la que esta navegando el usuario en iframe.

Puedes profundizar en tu solucion...
Gracias de antemano

Panino5001 · #5 (**permalink**) 31/03/2009, 18:56

Mirate este enlace: http://www.forosdelweb.com/2510657-post11.html
Y acá hay otro buen ejemplo: http://www.forosdelweb.com/f13/ayuda...iframe-589813/

#6 (**permalink**) 31/03/2009, 20:43

Gracias Panino5001 de verdad me has ayudado bastante.
Y permiteme molestarte con una ultima pregunta:
cuando yo pregunto en javascript por el src del iframe este me devuelve siempre la misma direccion independientemente cuanto haya navegado en la pagina del iframe. Y yo necesito saber cual es la direccion la pagina que esta cargada en el iframe y que cada vez que el usuario de click en un enlace se actualise un textbox con la direccion actual de la pagina que esta contenida en el iframe.

Espero que me puedas entender.
Gracias por tu ayuda.

Panino5001 · #7 (**permalink**) 31/03/2009, 21:32

Esta es una aproximación usando el ejemplo del primer enlace. Tendrás que trabajarla un poco:

Código PHP:

  <!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>ejemplo</title>
<script>
function $(id){
    return document.getElementById(id);    
}
var asignar=setInterval(function(){
    if($('p')){
        if(window.ActiveXObject){
            $('p').onreadystatechange=function(){
                if($('p').readyState=='complete'){
                       taguear();
                }
            }
            clearInterval(asignar);
            return;
        }
        $('p').onload=function(){
            taguear();
        }
        clearInterval(asignar);
    }
},10);
function taguear(){
    document.getElementById('p').style.visibility='visible';
    var docIframe=document.getElementById('p').contentWindow.document || document.getElementById('p').contentDocument;
    var enlaces=docIframe.getElementsByTagName('a');
    for(var i=0;enlaces[i];i++){
        (function(enlace){
            enlace.onclick=function(){
                enlace.target="_self";
                parent.document.getElementById('log').innerHTML=enlace.href;
                document.getElementById('p').src='proxy.php?url='+escape(enlace.href);
                enlace.href='#';
                return false;
            }
        })(enlaces[i]);
    }
}
</script>
</head>

<body>
<iframe style="visibility:hidden" id="p" width="500" height="500" src="proxy.php?url=http://www.forosdelweb.com"></iframe>
<div id="log"></div>
</body>
</html>

Y proxy.php:

Código PHP:

 
<base href="<?php $d=parse_url($_GET['url'],PHP_URL_HOST); echo $d ?>" />
<?php 
echo file_get_contents($_GET['url']);
?>

#8 (**permalink**) 31/03/2009, 22:30

Gracias Panino5001.

Es exactamente lo que necesitaba....muchas gracias de verdad.

Ahora si manos a la obra.