iFrame: how to display specific area of external website

[deknoopjes]

I want to display a specific area of an external website using iFrames. A year ago I created such code successfully, but lost this code due to a crashed computer. Googling for any solutions did not help me so far.

Any hints on how to achieve this (again)?

This is what I have so far:

<div style="
position:relative; // used for positioning and may or may not be required
background: #FCC; // background color of div may or may not be seen
height: 0; // height of window (div) that contains the iframe content
width: 0; // width of window (div) that contains the iframe content
left: 0; // absolute position of window (div) from the left edge of browser
top: 0; // absolute position of window (div) from the top edge of browser
">

<iframe src="http://teletekst.infothuis.nl/tt.gif?632_01" // location of external resource
width="380" // width of iframe should match the width of containing div
height="283" // height of iframe should match the height of containing div
marginwidth="0" // width of iframe margin
marginheight="0" // height of iframe margin
frameborder="no" // frame border preference
scrolling="no" // instructs iframe to scroll overflow content
style="
border-style: solid; // border style
border-color: #333; // border color
border-width: 0px; // border width
background: #FFF; // background color
">
</iframe>

I only want to see the black area under and above the blue bars of these pages and to "glue" them together to one black area.

[navshat]

Hi deknoopjes, I have the same kind of demand. did u get any hits on the code? pls let me know if you do.
Thanks

I want to display a specific area of an external website using iFrames. A year ago I created such code successfully, but lost this code due to a crashed computer. Googling for any solutions did not help me so far.

Any hints on how to achieve this (again)?

This is what I have so far:

<div style="
position:relative; // used for positioning and may or may not be required
background: #FCC; // background color of div may or may not be seen
height: 0; // height of window (div) that contains the iframe content
width: 0; // width of window (div) that contains the iframe content
left: 0; // absolute position of window (div) from the left edge of browser
top: 0; // absolute position of window (div) from the top edge of browser
">

<iframe src="http://teletekst.infothuis.nl/tt.gif?632_01" // location of external resource
width="380" // width of iframe should match the width of containing div
height="283" // height of iframe should match the height of containing div
marginwidth="0" // width of iframe margin
marginheight="0" // height of iframe margin
frameborder="no" // frame border preference
scrolling="no" // instructs iframe to scroll overflow content
style="
border-style: solid; // border style
border-color: #333; // border color
border-width: 0px; // border width
background: #FFF; // background color
">
</iframe>

I only want to see the black area under and above the blue bars of these pages and to "glue" them together to one black area.

[deknoopjes]

Nope, no answers received and question is still open!

[wasabi8899]

Bump...

I have the same question. Does anyone knows ?

Thank you

[nothing1]

Bump...

I have the same question. Does anyone knows ?

Thank you

There is no real way to do this. You would be able to control the page in the iframe only if it was in your same server and it would be done with javascript. Another only way to do this is if the page contained anchors the you can set the iframe along with the anchor. (ex. http://somesite.com/index.html#bottom)

[Karl B]

Hi, you can do this using the following code.

<DIV ID="testDivframe"
STYLE="position: absolute;
left -400px; top: -200px;
clip:rect(191px 1205px 460px 455px);
"><iframe SCROLLING=NO
width="660" height="905" src="http://www.stokepcsupport.co.uk"></iframe>
</div>
This has been useful on alot internal projects for us to monitor certain web applicaitons. Quite time consuming at first but works great.

[shuvogm]

Try this code below. Its works for me.

<div style="position: absolute; left: 0px; top: 0px; border: solid 2px #555; width:594px; height:332px;">
<div style="overflow: hidden; margin-top: -100px; margin-left: -25px;">
</div>
<iframe src="http://www.centricle.com/tools/html-entities/" scrolling="no" style="height: 490px; border: 0px none; width: 619px; margin-top: -60px; margin-left: -24px; ">
</iframe>
</div>
</div>
 

If it helps give a thanks to: http://extechbuzz.blogspot.com/2012/...c-part-of.html