Estoy mirando de poner sólo una pequeña parte de un sitio web dentro de un iframe. ¿Cómo puedo hacer esto? Por lo general, cuando me juego hasta un iframe de un sitio web (digamos yahoo) se obtiene toda la web… digamos que yo solo quería una pequeña porción de la página web, ¿cómo puedo hacer esto?

Es posible poner los márgenes en un iframe de un sitio web?

Yo estoy buscando para poner un iframe de un sitio web en mi sitio web. (si eso tiene sentido)

Gracias de antemano 😀

OriginalEl autor Brian Smith | 2013-01-02

4 Comentarios

  1. 24

    En la mayoría de los casos la referencia es externa y no tiene control sobre la página externa. Por lo tanto usted tiene que desplazarse por el contenido IFRAME a la posición deseada. Por supuesto, esto es imposible. Sí, hay algunos JavaScript hacks, pero todos son una mala solución, porque el desplazamiento se produce sólo después de que se carga la página.
    La Solución

    Usted puede ajustar el IFRAME dentro de un div y desplazar el DIV contenido con absoluta ARRIBA y a la IZQUIERDA de las propiedades CSS.

    He aquí un ejemplo:

    #my-div
    {
        width    : 400px;
        height   : 200px;
        overflow : hidden;
        position : relative;
    }
    
    #my-iframe
    {
        position : absolute;
        top      : -100px;
        left     : -100px;
        width    : 1280px;
        height   : 1200px;
    }

    Aquí tienes un DIV con dimensiones 400x200px. Ahora moviendo el IFRAME dentro de ella se puede colocar en el lugar correcto.

    <div id="my-div">
    <iframe src="http://www.example.com" id="my-iframe" scrolling="no"></iframe>
    </div>
    ¿Cómo es que funciona con http://www.example.com pero, por ejemplo, no se con marktplaats.nl ? (es decir, el iframe es blanco/no se muestra, no hay error que se muestra, haciendo que el iframe desplazable o más grande no cambiar nada).

    OriginalEl autor Tahir Yasin

  2. 1

    Esto no puede ser hecho de forma fiable debido a mismo origen de la política de y relacionadas con el iframe restricciones.

    .. el mismo origen de la política es un importante concepto de seguridad para un número de navegador del lado de los lenguajes de programación, tales como JavaScript. La política .., que impide el acceso a la mayoría de los métodos y propiedades a través de las páginas de diferentes sitios.

    Si era su sitio web en su sitio web [o un proxy para el sitio de destino] JavaScript en el padre podría modificar el DOM o CSS del iframe insertado como desee ..

    Si el sitio web de destino está dispuesto a comunicar datos a través de otro medio (incluyendo XDR/XHR+CORS), entonces los que potencialmente podrían ser utilizados como hackear-un-ataques así. Sin embargo, no existe una solución general para esta tarea.

    Incluso jQuery.de carga (que utiliza XHR) está limitada por el origen mismo de la política:

    Debido a la seguridad del navegador las restricciones, la mayoría de los «Ajax», las solicitudes están sujetas a la mismo origen de la política de; la petición no se puede recuperar con éxito datos de un dominio, subdominio o protocolo.

    Cuando intento para reducir el tamaño del iframe, sólo se encoge hacia la esquina superior izquierda de la página web. Digamos que yo quería un iframe de este post en este sitio web. ¿Cómo hago para conseguir el iframe en torno a algo en el medio de la página, mientras que excluyendo todo lo demás?
    No sé de ninguna solución general sin el uso coordinado de comunicación. Sin embargo, ver Tahir la respuesta que podría trabajar para usted – si su target de clientes permite un iframe para ser enterrado. (No estoy seguro de lo que las restricciones, si las hubiera.)

    OriginalEl autor

  3. 0

    Un <iframe> le da una ventana completa para trabajar con. La forma más directa de hacer lo que usted quiere es tener su servidor le dará una completa página que contiene sólo el fragmento que desea mostrar.

    Como una alternativa, usted podría simplemente utilizar un simple <div> y el uso de jQuery load función para cargar toda la página y sacar sólo la sección que desea:

    $('#target-div').load('http://www.yahoo.com');

    Hay otras cosas que usted necesita hacer, y una diferencia significativa es que el contenido se convertirá en parte de la página principal en lugar de ser separados en una ventana separada.


    Usted no será capaz de manipular la dirección URL para obtener sólo una parte de la página. Así que lo que usted querrá hacer es coger el contenido de la página a través del lenguaje en el servidor de su elección y, a continuación, analizar el código HTML. Desde allí se puede tomar el específico DIV que usted está buscando y, a continuación, imprimir a la pantalla. Usted podría también utilizar para eliminar el contenido no deseado.

    Con PHP se puede utilizar file_get_contents() para leer el archivo que desea analizar y, a continuación, utilizar DOMDocument analizar y agarrar el DIV que usted desea.

    Aquí es la idea básica. Esto no está probado, pero debería apuntar en la dirección correcta:

    $page = file_get_contents('http://touch.facebook.com');
    $doc = new DOMDocument();
    $doc->loadHTML($page);
    $divs = $doc->getElementsByTagName('div');
    foreach($divs as $div) {
        //Loop through the DIVs looking for one withan id of "content"
        //Then echo out its contents (pardon the pun)
        if ($div->getAttribute('id') === 'content') {
             echo $div->nodeValue;
        }
    }
    Cuando intento para reducir el tamaño del iframe, sólo se encoge hacia la esquina superior izquierda de la página web. Digamos que yo quería un iframe de este post en este sitio web. ¿Cómo hago para conseguir el iframe en torno a algo en el medio de la página, mientras que excluyendo todo lo demás?
    ohk comprobar la respuesta de nuevo después de dos minutos. Estoy editando
    hola, ¿qué es el ‘id’ y ‘contenido’ aquí ?
    respuesta anterior, pero hacia abajo votado de todos modos desde la primera mitad es un copy paste de otro usuario de la respuesta a una pregunta relacionada con ninguna referencia a la otra pregunta O la otra respuesta. (otra respuesta: stackoverflow.com/a/3272151/2530581)

    OriginalEl autor Azzy

  4. -3

    <iframe> cargas de toda la web otra forma de hacer esto es una forma sencilla de

    <iframe src="http://site.com/#content"></iframe> 

    donde #contenido es el contenido div id que necesita ser mostrada

    Cuando intento para reducir el tamaño del iframe, sólo se encoge hacia la esquina superior izquierda de la página web. Digamos que yo quería un iframe de este post en este sitio web. ¿Cómo hago para conseguir el iframe en torno a algo en el medio de la página, mientras que excluyendo todo lo demás?

    OriginalEl autor Akhilraj N S

Dejar respuesta

Please enter your comment!
Please enter your name here