How to open a pop up in a browser from an iframe

Question

0.00/5 (No votes)

See more:

Hi,

In one of my project i have an iframe where product images are displayed. When user will click the images a pop up will open to view the large size of image. Here I am using jquery colorbox(http://www.jacklmoore.com/colorbox/[^]) for the image pop up.

The problem is i want the pop up to be open in the browser window, but currently it opens inside the iframe.

Please help...........

Thanks
Swarup

Posted 5-May-13 7:30am

swarup sahu

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2013-05-05T08:23:00

You can't do that. As it is a modal popup, it will always open inside the IFrame.

You can open an window using window.open(), so that it will open over the current browser window. But that will not help you I guess.

So, you have do something like below.

-> Open this image from parent window not IFrame.
-> For that you can call the function of parent like

JavaScript

window.parent.MyFunction(dataToSend);

Here MyFunction is defined inside parent window.
And dataToSend is the data you want to send to parent.

-> Now according to the data, just invoke this modal popup image inside that MyFunction.

Can you implement this ? Give it a try.
Feel free to ask any doubts. We will discuss.

[Update]
For Permission denied issue
This issue comes, when the IFrame and the Parent form are in different domain.
We can also fix this.
I have written one tip for this.

You can refer - Communication with Cross Domain IFrame - A Cross Browser Solution[^].

Please try this and let me know.

RaviRanjanKr · Answer 2 · 2013-05-05T08:05:00

Solution 1

Check this one Working with iframes in popups[^]

Posted 5-May-13 8:05am

RaviRanjanKr

ravikirany · Answer 3 · 2013-05-05T08:24:00

Solution 3

Hi Swarup,
Did you try with 'target' attribute for your child window inside the 'iframe'.
Ideally we have blank, parent, self and top. If you use either blank or top to the subwindow with in iframe it opens as new window. Pls check this once.

Thanks,
Ravi

Posted 5-May-13 8:24am

ravikirany