Project Description:
This is a simple job. Once you provide the working code we will apply it to all of the pages (you do not have to edit every page). We need dynamic resizing (automatic) of the height of an iFrame based on the height of the source page. The width will be left static at 640x.
Here is the site you will be working on (it is Wordpress based):
http://thevancouverhome.com/listing
(currently I am using PageView Wordpress plugin to do what I want - but as you can see, the heights are not adjusted properly)
The main content box is an iFrame from another domain and is provided in javascript. We need a small piece of code that dynamically adjusts the height of the iframe so that the content fits the frame without the need of scrollbars. It needs to automatically change the height of the iframe when the iframe is clicked (as the height will be different on each page of the iFrame).
Here are some examples of cross domain iFrames with dynamically resizing heights:
http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm
http://benalman.com/code/projects/jquery-resize/examples/resize/
This guy seems to have what we need but I was unable to get the above code to work:
http://benalman.com/code/projects/jquery-resize/examples/resize/
If you want to use that code, it is fine, as long as it works!
PLEASE ONLY BID IF YOU KNOW HOW TO IMPLEMENT A CROSS DOMAIN iFRAME THAT DYNAMICALLY RESIZES ITS HEIGHT EVEN WHEN A LINK IS FOLLOWED INSIDE OF THE IFRAME. YOUR METHOD SHOULD NOT REQUIRE ANY CODE TO BE ADDED OR EDITED ON THE CHILD/SOURCE PAGE.
It should work with major browers (Internet Explorer , Firefox, Chrome, Safari, Opera - the latest brower versions and one major version below for each and shouldn't cause any performance problem.
Additional Project Description:
06/30/2011 at 8:15 HKT
Further clarification:
When you go to http://thevancouverhome.com/listing, you can see flash based javascript being displayed (with it's placement being incorrect - I would like to have it more at the top of the page - and need space on the bottom of the pictures where I can write). When the image is clicked, the screen goes to description section where it should be much longer to display full description than it is shown right now (the height adjustment should be dynamic since not all description heights are the same).
