Opening separate url in iframe ipad/phonegap - iphone

I want to open the url in same page where I added iframe tag. But it opens url in separate window.

you could always have a lightbox such as prettyPhoto load the iframe right ontop of your current site? Or you can try to add target="_self" to the tag. Generally that state is assumed if you don't specify otherwise. To see how a pretty photo loads an iFrame you can go here:
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#!prettyPhoto[iframes]/0/
Hope this helps.

Related

Showing link target in not visible iframe?

I have a link, it looks like that:
link text
The target (shop) is an iframe with the name shop. Clicking the link and showing someplace.html in the iframe only works, if the page that contains the iframe is already loaded.
So my problem is, how can I make it work even if the page that contains the iframe is not loaded? I tried loading the page with the iframe by redirecting to it when the link was clicked using its onclick, that worked, but I still have to load someplace.html afterwards and this is where I am stuck.
Any ideas how to solve that? I can use jQuery or plain JavaScript ... doesnt matter.
Thanks!
If you have a link with a target "shop", you must have a iframe called "shop". It is possible to load the iframe with a blank page if there is no initial content.

facebook login buttons in fancybox load correctly first time only

I'm adding facebook login buttons to fancybox (version 1.3.4) modals (one for join, one for login). The facebook buttons all get instantiated when the page loads, but are hidden. After triggering the fancybox login modal, the facebook buttons get rewritten in the modal and load correctly the first time. However if you close the modal and then reload it a second or third time, there is no facebook login button. It's just blank. When I look at the inline html block
that fancybox based the modal on, the facebook button markup that was generated when the page initially loaded is gone...actually not completely gone, but the button code deep in the iframe is wiped out.
I've seen suggestions to iframe these facebook buttons, so I tried adding an iframe instead of the raw facebook button markup. Note that I am not using the iframe fancybox type and I can't currently do that. When I include <iframe src="/myfacebookbuttonpage"></iframe> in the modal section, again it loads correctly the first time and then after closing the modal, looking at the source I can see the iframe rewritten as <iframe src="about:blank"></iframe> and the innards of the iframe are blank.
Anyone have any idea what's going on here? Or is this attempt to include facebook login buttons in fancybox modals completely wrong for some reason?
It's a bug in fancybox v1.3.2+ when using inline iframes.
As a work around, you may edit the fancybox js file or apply the workaround in your custom fancybox script.
Go here for further instructions

Resize iFrame in facebook fan page

I want resize the iframe height of my tab page. I am trying FB.Canvas.SetSize method, also I try with jQuery and javascript resize the iframe but donĀ“t work.
My application is not a Canvas.It is a tab page so i think "FB.Canvas method should not work with tab page".
How could resize my tab page on facebook profile?
How could drop the iFrame scrollbars on tab page?
Excuse me I also need to know if I could modify the share button with a custom image.
Thanks in advance
Provide some code
Make sure you have the Canvas Height option is set to Settable under the App Advanced Settings
Use asynchronous Loading of your JS-SDK and put your FB.Canvas.setSize(); inside the fbAsyncInit function
Please note that the fbAsyncInit function may fire (and hence your FB.Canvas.setSize();) before all images of your page are loaded! which means actual height of page is not reached yet!

How do not display fan page iframe in a new window?

So, when I right click on this fan page http://www.facebook.com/Ticketmaster?v=app_204425319569897 to open it in a new window I see this http://channel.buddymedia.com/fanpage/index.php?app=f735f0c7b5a110f73ba82f0649ee0d0e
But in other pages I can see whole iframe in a new window.
Question: how do not display iframe content in a new window?
When the content first loads inside facebook, it posts some data to the iframe. Check for that and do not load the content if it is not present.
e.g.
if(isset($_REQUEST['request_ids']))
{
// show content
}
else
{
// do not show content
}
Note: Only do this for your landing page. The request_ids parameter is not posted to subsequent pages that load within the iframe.
Could it be something to do with the meta properties the head of the iframed content has?
That is the one thing I notice that is different between it's set up and my own (which shows the entire iframe)

Switch Facebook Tabs inside iframe

How to you link from inside an iframe to another tab? When i normally link from inside the iframe it provides you with a
Do you have to use javascript ? if so how would you do that?
Example (the second carousel image):
http://www.facebook.com/pages/New-York-Life-DFW/116752861740593?sk=app_208195102528120
I would use target="_top" just in case Facebook (or you) decided to wrap the whole thing inside another frame.
I believe the that you can do it by setting the target of the link to "_parent"
i.e. this would be the link inside your iframe:
Go to another tab