Closed

iFrame Issue

This project received 12 bids from talented freelancers with an average bid price of $569 USD.

Get free quotes for a project like this
Employer working
Project Budget
$250-$750 USD
Total Bids
12
Project Description

I have the following iFrame implementation:

Parent Page - This a the page that I have control over.
Child iFrame - This is a third-party website that allows its page to be framed.

There is a javascript implementation on the child iFrame. Recently, the javascript implementation changed on the child iFrame, and this broke the behavior that I want from the frame implementation. The old implementation is displayed here:

[url removed, login to view]

The old javascript implementation on the child iFrame has the following behavior:

1. The visitor hits the landing page. Note the "parent page" image around the iFrame.
2. The visitor clicks on one of the search terms.
3. The "parent page" stays intact, and the URL in the address bar remains the same ("[url removed, login to view]"). In other words, the frame is not broken.

The new implementation can be found here:

[url removed, login to view]

The new javascript implementation on the child iFrame has the following behavior:

1. The visitor hits the landing page. Note the "parent page" image around the iFrame.
2. The visitor clicks on one of the search terms.
3. The "parent page" disappears, and the URL in the address bar changes to [url removed, login to view] instead of the parent page ("[url removed, login to view]"). In other words, the new implementation breaks the frame and takes over the browser.

I want to make the new implementation work exactly the same as how the old implementation works. I have no access to the code of the child iFrame; I can only modify the code of the parent page. If you are located outside the U.S., you must find a reliable anonymous U.S. proxy to test these websites. I recommend [url removed, login to view] to locate an anonymous proxy. If necessary, I will purchase a proxy/VPN service for you to use for additional testing. The solution must have implementations that work cross-browser (i.e., Internet Explorer, Firefox, Chrome and Safari), and cross-platform (i.e., desktop, mobile and tablet).

The first developer I showed this to referenced the following StackOverflow post as a possible solution, however, he was ultimately unable to solve this problem:

[url removed, login to view]

If you are interested, please reply with how you would approach this problem, as well as with any questions you have for me.

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