como agregar un div externo a un div de mi index.html?

Necesito encontrar la manera de poder cargar el div 'content' de una pagina tipo www.mipagina.es y cargar el contenido de este div en un div de mi index.html

He conseguido cargar la capa de la manera que necesito pero copiando el codigo a un html, pero desgraciadamene así no puedo hacerlo ya que es una pagina generica. Yo había realizado lo siguiente:

Código :

  <script type="text/javascript">
            $(document).ready(function() {
                $("#boton").click(function(event) {
                    $("#navegador").load('my.html #content');
                });
            });
        </script>

Y he encontrado también de que podría obtenerse utilizando esto, pero no consigo terminar de hacer la función!

Código :

$html = file_get_html('ejemplo.iformacion.es');
$elem = $html->find("#content", 0);

Espero que alguien me pueda ayudar con esto.

Muchas gracias de antemano a todos.

Disculpa pero no se entiende bien lo que dices: ¿Quieres insertar una parte de otro sitio que no es tuyo, en tu sitio?. Si es eso, desde ya te diré que con Ajax, como lo has intentado, no se puede, al menos no directamente.

Bueno, hay dos razones por las cuales no te cargue el html.
1. No tengas un servidor de desarrollo.
2. Como lo dice DriverOp estés tratando de cargar un url externo.

Ambas razones son debido al Sandbox de seguridad especificado en los navegadores.

Para solucionar tu problema instala un servidor donde puedas probar tu sitio.

bipsa escribió:

¿una vez lo suba al servidor que tengo que hacer? ¿Hay alguna manera?

bipsa escribió:

Realmente si que es mio, pero es una página dinámica que crea el contenido una vez que accedes, entoces no puedo cargar directamente lo que quiero si accedo directamente al php. Por eso lo quiero hacer como si fuese un url externo.

Habría otra manera de hacerlo?

Para que funcione con Ajax solamente el contenido que quieres cargar debe estar en exactamente el mismo dominio que el dominio desde donde se hace la petición Ajax.

Si el código JavaScript se ejecuta en example.com y haces una petición Ajax a un dominio diferente (aunque sea subdominio de example.com) no funcionará debido al mecanismo "same origin policy".

Ahora bien, una forma de saltarse esa restricción es que hagas una petición Ajax a un script PHP que está en tu mismo dominio y ese script haga una petición al servidor remoto. PHP no se ve afectado por "same origin policy".

Esta es una forma burda de hacerlo.

Ajax pide el script example.com/getremotecontent.php

El archivo getremotecontent.php ejecuta:

Código PHP :

echo file_get_contents("http://ejemplo.iformacion.es/");

En el retorno de la petición Ajax puedes poner el contenido devuelto por el script PHP getremotecontent.php en el lugar de tu sitio que quieras.

(Observa que file_get_contents necesita que le especifiques el protocolo "http://" para que haga la petición correspondiente al servidor, sino asumirá que estás pidiendo un archivo que es local al servidor donde se ejecuta).