Here's a fun one... I'm trying to implement this: http://css-tricks.com/cross-domain-iframe-resizing/
I've implemented in a very simple test environment and it works beautifully, well, maybe not beautifully, but it works.
The test environment is here: http://daniellehendrix.com/iframe.html
There is 1 issue with this page:
if you click the link at the top of the page to change the content of the iframe, the new page loads momentarily, but then redirects back to the original iframe content.
Here it is in action in a test page on the live site: http://www.nwcenter.org/taleo/jobs_jtd2.htm
The iframe on this page points to a simple url: http://tbe.taleo.net/NA12/ats/careers/searchResults.jsp
, which loads fine. The height resizes properly, but again the links to new pages don't work properly. I believe this is because the links point to the same url (http://tbe.taleo.net/NA12/ats/careers/searchResults.jsp
), with a search string on the end, like ?org=NWCENTER&cws=1&IsInFr
This is interesting. If you visit the other live test page: http://www.nwcenter.org/taleo/jobs_jtd.htm
, you will see that the iframe loads http://tbe.taleo.net/NA12/ats/careers/searchResults.jsp?org=NWCENTER&cws=1&IsInFrame=yes
which doesn't allow the iframe to resize. I can't figure out why. I have a hunch.
So, in conclusion, we have 2 problems. 1. linking to new pages in the iframe doesn't work. 2. the page won't resize when a complex url is loaded in the iframe. It seems that these 2 problems go hand in hand.