Since, my site is an online magazine, I'd like to make a custom reader for the articles. Thing is I'd like a pop-up iframe reader. Something like the Facebook photo theater. It pops up within the page and not as a separate window. In that pop up I'd like to put an iframe code. Does anyone know how I can achieve this?
Simply google for javascript lightbox tutorial. Or in case you use jQuery, there are dozens of plugins out there.
For example:
Fancybox
jQuery lightBox plugin
Lightbox 2
Related
I am trying to get Facebook share option in bootstrap popup (modal). Is there any options to embed share windows in bootstrap modal? Facebook dosen't allow iframe for share buttons. Any idea how this might work?
You can use the Social Plugins wherever you want, but if they are created dynamically (which may be the case in the modal popup) you have to parse the code again, after the HTML code is created:
https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/
I have created an HTMl5 template in Facebook using the Static Iframe Tab. I don't really want other admin users - trying to download my content and stealing my work. Is there anywhere I can hide/prevent the URL links appearing for each page? When I hover on items on the Iframe, the URLs appear in the (Firefox) Browser window at the bottom? I would be grateful to know if there is a a way to hide them or prevent them being downloaded (i.e. just allow the the IFrame tab access?)
Not with HTML. But you could build your website in flash and have much better control over the content and linking.
I am trying to open a flash gallery with modal box in my iFrame Facebook app, but it is bigger than 520px. I found 2 solutions:
Insert a piece of code in the parent windows to make the modal to open with Target _parent, This is impossible since the parent windows is the Facebook!
Open flash video with iFrame inside a Facebook Dialog Box,
I have been looking for a tutorial for days without success. Anyone knows how can I do something like this:
<fb:dialog id="my_dialog">
<fb:dialog-title>My title</fb:dialog-title>
<fb:dialog-content> Flash video </fb:dialog-content>
</fb:dialog>
Maybe it's a solution for what I need, but it's more than 2 months and nobody answered this question.
http://facebook.stackoverflow.com/questions/7427051/fbswf-not-working-in-fbdialog-box-shows-blank-white-space
Here is my page, but remember that it is a work in progress and I do not know how long it will be a useful link:
https://www.facebook.com/MegaPetBrasil?sk=app_244261928967214
Thanks in advance.
Didn't try it out once but it might be because of fbml deprecated.. http://developers.facebook.com/docs/reference/fbml/
If it is wider than 520px , you can try canvas page (i know user will have to leave fan page) and integrate inside Facebook. It might be even better in user experience perspective, if i have been visiting your page and in tab app if you lock my Facebook screen and show a dialog box with flash gallery, i will annoyed. It will be much better in canvas without any popups. Guess.. :)
I have my own Canvas app and i want to get the original lightbox.
So you have the same case as in Facebook. Click on a Picture and get a lightbox for comments and so on.
I found a Thread about it here but there was no anser and it was old(Old Api).
You can't use the Facebook theater mode (Facebook lightbox) in your apps. You need to use your own lightbox library keeping in mind that you are inside an iframe.
i designed a special facebook lightbox theme for the colorbox - you can use that, and it works with iframes.
Is it possible to show users custom message with a single OK button in a Facebook-style dialog box, say, in an iframe app? Is this dialog box available in the Facebook (Javascript) API?
Example:
I don't believe that Facebook allows you to display dialogs outside the ones listed in the FB:Dialog documentation on their webpage.
However, this should be possible to implement yourself. Download a copy of the Facebook.js SDK, and look for the code where it draws the dialog. You could then use this wherever you want to draw as many Facebook-esque dialogs as you like!
Edit: This thread from the Facebook developers forum has some good stuff on already-developed FB.ui lightbox clones: reuse facebook lightbox JS