Eliminando parte del contenido src del iframe

Quiero mostrar el contenido de una página en mi sitio web usando un iframe, pero quiero "cortar" la parte del encabezado (superior) de la página, omitiendo su barra de navegación, el usuario solo puede ver lo que está debajo de él.Eliminando parte del contenido src del iframe

Código:

<div id="content"> 
    <div style="height:800px;"> 
     <iframe id="optomaFeed" src="http://www.optomausa.com/company/press-releases/" scrolling="auto" 
      frameborder="0" height="100%" width="100%"></iframe> 
    </div> 
</div>

¿Cuáles son algunas maneras en que puedo ir haciendo esto? Tyvm ~

Fuente

2011-08-24 Nick Rolando

http://stackoverflow.com/questions/5676672/how-do-i-crop-the-contents-of-an- iframe-to-show-a-part-of-a-page Es la respuesta que esperaba – pashute

me di cuenta de cómo hacerlo usando css clip atributo:

<div id="content"> 
    <div style="height:800px;"> 
     <iframe id="optomaFeed" src="http://www.optomausa.com/company/press-releases/" scrolling="no" 
      frameborder="0" height="100%" width="100%" style="position:absolute; clip:rect(190px,1100px,800px,250px); 
      top:-160px; left:-160px;"></iframe> 
    </div> 
</div>

Fuente

2011-08-25 00:00:08

Esto parece funcionar muy bien para la parte superior e inferior de la página, pero no se amplía cuando cambio el tamaño de la ventana del navegador ... (Le estoy probando en IE8 para poder ver qué más del 70% el mundo verá) – DaveRandom

Por supuesto, no he intentado cambiar el tamaño de la ventana, y lo estoy haciendo en FF en este momento ... No se muestra correctamente en IE, así que tengo que hacer algunos ajustes. En el camino correcto sin embargo :) Gracias por su entrada –

¿Qué significa clip que la parte superior negativa no? – httpete

Si el contenedor de la barra de navegación tiene un id, puede obtener una referencia en javascript y luego llamar al parentNode.removeChild(). Esto significaría que la barra de navegación probablemente parpadeará por un segundo cada vez que se cambie la página dentro del iframe.

Alternativamente, puede pasar la carga del iframe a través de un script del lado del servidor que lo carga, elimina el código HTML de la barra de navegación y luego muestra el resultado. Esto probablemente ralentizaría la interacción del usuario con la página, ya que significaría que todo lo que efectivamente se requiere es cargar dos veces. Si va a tomar este enfoque, probablemente necesite agregar una etiqueta <base> para no romper el CSS/JS.

Fuente

2011-08-24 22:48:48 DaveRandom

Estoy intentando sugerir primero atm. Esperaba una solución más simple. Algo así como recortar el propio iframe usando divs y styles o algo –

@Shredder No puedo pensar en ninguna forma práctica de hacerlo sin barras de desplazamiento que garanticen que la página está en la posición correcta dentro del marco que no puede ver el nav pero puede ver el contenido que desea. Acabo de probar la primera idea y no funciona porque el navegador deshabilita el acceso a 'contentWindow.document' cuando la página en el iframe no se cargó desde su dominio. No hay trabajo alrededor que pueda pensar/encontrar. La única opción es un script proxy, creo ... – DaveRandom

Lo descubrí <_ <; compruebe mi respuesta –

Eliminando parte del contenido src del iframe

Respuesta

Cuestiones relacionadas