Dynamic iframe height cross domain

This project was awarded to dice8up for $130 USD.

Get free quotes for a project like this
Employer working
Awarded to:
Skills Required
Project Budget
$30 - $250 USD
Total Bids
Project Description

In the attached file, a form exists on an html page, when submitted, the results will appear in the iframe.

There are 2 parts to the job:
1. Make the iframe height/width dynamic, such that the website will not be cut off and any link clicked or form submitted inside the iframe will still show the website correctly inside the browser window. There should be no green on the sides or bottom, as the iframe should be resized to fit perfectly. The only green may appear at the top, and the URL box and button must always show at the top. Maybe the iframe width should always be 100%, so there is only the dynamic height issue.

2. On the parent/main page with the form, some function or javascript will allow x pixels of the top of the webpage in the iframe to be cut off. Example, adding: style="position:absolute; clip:rect(55px,5000px,5000px,50px); top:0px; left:-10px;" to the iframe, shows how to cut off some areas of the webpage in the iframe. The function must allow the user to specify the number of pixels to cut off only from the top of the page in the iframe.

Must work for Chrome and IE.

These links may help:
[url removed, login to view]
[url removed, login to view]

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online