Abrir una web dentro de otra a modo de capa

[Pimager]

Hola a todos los foreros!
Les cuento mi problema a ver si alguien sabe por donde debo tirar o me da la solución.
Necesito poder integrar una web(hija) dentro de otra(madre) a modo de capa móvil.
La web madre y la web hija, evidentemente, están en diferente dominio.
Sobre la web madre no tengo mucho control, pero sobre la hija sí.
Tenemos que suponer que en la web madre hay un botón que al pulsarlo, carga la web hija como una capa por encima (NO pop-up) y tengo que poder seguir interactuando con la web madre. Sería para nota si esta "capa" que abrimos puede moverse dentro de la web madre con el mouse.
Alguien sabe como puedo hacerlo? Algún tutorial/ejemplo que lo permita?

Muchas gracias de antemano

[Alexis88]

Supongo que buscas hacer algo como esto. En publicaciones pasadas, he mostrado ejemplos de cómo elaborar ventanas modales, como en este hilo. Lo único que tienes que hacer es crear un elemento contenedor en el que se mostrará el contenido de la página externa, le aplicas estilos y con JavaScript, cargas el contenido de la página externa en el elemento contenedor utilizando Ajax. En ese ejemplo, aplico efectos que creo con JavaScript, pero es irrelevante, si deseas no los apliques, de todos modos la carga se producirá.

Aquí tienes el código del ejemplo.

Saludos

[Pimager]

Hola Alexis88, antes de nada, gracias por tu rápida respuesta.
El problema está en que mi web madre y mi web hija están en distintos dominios, y la petición AJAX me dará error.
De hecho si en el ejemplo que mme has facilitado en "http://jsbin.com/cifimune/1/edit", he modificado:

Código:

modal.addEventListener("click", function(){
    ajax({
        uri: "http://jsbin.com/jotot",
        output: contenido
    });
}, false);

Por:

Código:

modal.addEventListener("click", function(){
    ajax({
        uri: "http://www.google.com",
        output: contenido
    });
}, false);

Y el resultado es "Se produjo un error: 0".
Hay alguna forma de solucionarlo? En mi caso mi web madre y mi web hija estarán en distintos dominios.

Muchas gracias y espero que puedas arrojarme un poco más de luz

[Alexis88]

Esto te puede servir.

Saludos

[Panino5001]

Te sugiero que uses un iframe para cargar la página secundaria. Podés usar el atributo sandbox de html5 para tener algún control adicional sobre el contenido a cargar.
Si querés usar AJAX, lo más compatible actualmente es valerte de un proxy (necesitás la ayuda de algún lenguaje de servidor para esta opción):
http://mattsnider.com/cross-domain-ajax-using-a-proxy/

JSONP creo que no aplica en este caso.

[Alexis88]

Panino5001 está en lo cierto.

[Pimager]

Hola Alexis88 y Panino5001, gracias por vuestra ayuda.
Entiendo entonces que lo mehjor es usar iframe con sandbox="allow-top-navigation".
Entiendo que haciendo algo así, si desde la hija hago un

Código:

parent.iframe.style.display="none";

Me debería cerrar el iframe no?

Muchas gracias de nuevo