I am building a page for a customer (real estate) that needs to retrieve listings from an external source (URL). I am ok loading it with Iframe element, it works great but I don’t know how to resize the height to avoid the scrollbar on the side of the element. I have read tons of articles that shows how to do it but for internal page only (under the same domain name). Browser security won’t let you get the height of an external url.
Anyone, ever came across this issue and found a solution?
Thanks a lot !
how are you pulling the data from the external source?
Why not use AJAX +PHP, within a div? (you’ll need the PHP to access data from a different domain, JS can’t help, but I guess you already know that )
Anyway, while I don’t know the technical part, I’ve seen it done lots of times. Loose those iFrames
The thing is that I cannot do a PHP request as I only have a HTML page render accessible. I have no access to the listing code, they just provide me a link where the page is render and I need to display this page on my page.
- United States
- Sold between 250 000 and 1 000 000 dollars
- Has been a member for 6-7 years
- Referred between 200 and 499 users
- Bought between 100 and 499 items
- Author was Featured
- Envato Studio (Microlancer) Beta Tester
- Exclusive Author
As far as I am aware an iframe cannot auto resize it’s height.
the way an iframe works, as far as i know, is not going to allow it to resize its frame
do the whole div thing instead !
I will need to find another solution I think.