By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
448,484 Members | 1,044 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 448,484 IT Pros & Developers. It's quick & easy.

iFrame: how to display specific area of external website

P: 2
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.
Oct 4 '07 #1
Share this Question
Share on Google+
6 Replies


P: 1
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.
Dec 12 '07 #2

P: 2
Nope, no answers received and question is still open!
Dec 12 '07 #3

P: 1
Bump...

I have the same question. Does anyone knows ?

Thank you
Dec 23 '07 #4

P: 30
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)
Dec 24 '07 #5

P: n/a
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.
Oct 27 '10 #6

P: 1
Try this code below. Its works for me.
Expand|Select|Wrap|Line Numbers
  1. <div style="position: absolute; left: 0px; top: 0px; border: solid 2px #555; width:594px; height:332px;">
  2. <div style="overflow: hidden; margin-top: -100px; margin-left: -25px;">
  3. </div>
  4. <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; ">
  5. </iframe>
  6. </div>
  7. </div>
  8.  
If it helps give a thanks to: http://extechbuzz.blogspot.com/2012/...c-part-of.html
Dec 23 '12 #7

Post your reply

Sign in to post your reply or Sign up for a free account.