Display cross domain page inside div, iframe, frame with original height?

Question

I have created a page in which I am showing A websites Page (situated some where on web );

I used iframe but puzzled with the height issues I solved width issues for 950px only with css3 but my need is full height as target website but that is not working with cross domain pages (I've done with same domain successfully).

Now I want to do it either with PHP using get_file_content() or some other putting it into div , iframe or in frames whatever works (and also pages must be accessible as it is from main sites)

The container will change its content with hyper link click.

Please help me to resolve the issues. I've tried many more methods including jquery, js, php, css and blah blah blah with no success.

before commenting or answering please visit THIS LINK

I need some thing like this

Please check this and alter here To See My page Click here

Note:

I have no access of target site so I can't put attributes on target page and get back to iframe page.
I have 100+ pages to show so no specific method can be used i need any generalized technology.
One more thing i don't want scrolling in my page.

Efforts done :

Ajax/Jquery

PHP Resize

You need to watch this talk on seamless iframes: http://www.youtube.com/watch?v=gQCm8VYn93Y it explains a lot of workaround to get content in iframes to play nice with the parent page. — Ivan Zuzak, Dec 12 '12 at 11:27

score 0 · Answer 1 · answered Dec 11 '12 at 12:49

0

Do something like this:

<frameset rows="*">
    <frame frameborder=0 src="http://www.discountautoparts.com/" scrolling="auto" noresize>
</frameset>

If you do that it should look like this picture

answered Dec 11 '12 at 12:49

jackcogdill

4,900
3
30
48

it even not doing any thing, page is blank – Trikaldarshiii Dec 12 '12 at 16:49

score 0 · Accepted Answer · answered Dec 11 '12 at 13:13

0

In the "iframe'd" html, have:

<body onload="parent.resize_iframe(document.body.scrollHeight)">

and in the page that iframes:

<script type="text/javascript">
    function resize_iframe(new_height) {
        document.getElementById('iframed').style.height =   parseInt(new_height, 10) + 60 + 'px';
    }
</script>

I used 60px to fix potential padding etc.

Note that they have to be under the same domain for this to work, otherwise you might have to run:

<script type="text/javascript">
    document.domain =   "domain.com";
</script>

On either or both. This is required so that the browser may interact between them.

answered Dec 11 '12 at 13:13

Robin Castlin

10,956
1
28
44

i think that it wont work with cross browser domains have you checked it – Trikaldarshiii Dec 11 '12 at 13:14
Added a text for that aswell. – Robin Castlin Dec 11 '12 at 13:15
one thing what i wrote in my question that i don't have access to targeted page and i can either add or alter the page content. – Trikaldarshiii Dec 12 '12 at 16:36
Maybe you can change your own page to the domain of the iframe'd one? – Robin Castlin Dec 12 '12 at 19:28
I am still unable to do this please give an example – Trikaldarshiii Dec 13 '12 at 11:25
Erhm seems like there's not much more to do, other than running a cURL, read of relevant page and output in on your own. Then makes all css and js link accordingly. – Robin Castlin Dec 13 '12 at 12:08
any help regarding this if yes please share links – Trikaldarshiii Dec 13 '12 at 12:14
[cURL](http://php.net/manual/en/book.curl.php) is used by php to read of the content of other webpages, and can return it as a string. This string can be echo'd on own page. Only consider that all relative paths, suchs as `href="/home"` will need to be fixed. – Robin Castlin Dec 13 '12 at 12:19
1

document.domain = "domain.com"; is not working giving error – Trikaldarshiii Dec 13 '12 at 12:24

Display cross domain page inside div, iframe, frame with original height?

2 Answers2