I'm trying to load external pages on my website to show a floating div over them with some information about the page, basically like Google images does when you click on an image result.
I'm trying to achieve this by loading the external page in an iframe, however many websites don't seem to like this.
What would be best practice to load external pages on my webpage?
I frames I believe is the standard, can you please give us some examples of sites that do not like being loaded into an iframe? From what I know the website should not even know this.
Check out colorbox with iframe! It may be what your looking for to show a page in a 'pop-up' like google's image results.
-Enjoy your day!
I think frames are the way to go (in Google Images, a page occasionally breaks out of frame too). There are plugins to help you as mentioned in other answers.
You cannot read external pages with javascript in most browsers, so I think your alternatives are limited to methods involving loading the page from your server, which seems like a lot of trouble. If you insist, I guess you could technically request the page from your server and send either the page of a screengrab to your client...
You could look at this question: Load external site's content
Anyway, iframe is the standard for this job so I would recommend that, but you can also try:
$site = "http://stackoverflow.com";
echo $file_get_contents($site);
You can use cross-domain Ajax requests as suggested in this question: Load external website into my own website through ajax also see: AJAX cross domain call
