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/
Related
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.
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
Here I am working with facebook application.
I have create page which are working in facebook iframe window.
I want to access main(Parent) window html source from iframe which create by me.
Here I have tried for
parent.document and window.top.document and window.parent
all three are not working in my case. If you have any other idea then let me know,
Thanks
You can't access content outside of your IFrame.
Otherwise you could change content outside of it and modify Facebook,
just because your IFrame is loaded inside of Facebook ;)
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
I am currently developing UI for a facebook app. Basically, the game is shown on the canvas page and it has navigation in a tab form.
What I need is that when a user clicks "friends" to invite people, the page will show over the game(the game is still in background, and running as it should be). So the page must not reload. To do this I placed the url of the friends requests in the src of an <iframe> and using jquery to hide/show the divs but the problem is the <iframe> will also contain the header, footer and all like facebook.com, but I just want the content because the user is already on facebook. Is there a better approach than what I'm doing? How would I accomplish this?
A good visual example is the navigation of "City of Wonders" facebook app.
You'll need to write a server side script that uses the facebook API to get a list of friends. Then you simply generate the HTML that is necessary to display and use this information.
Also, instead of using a an <iframe></iframe>you could just use a <div>, and use javascript to populate it's innerhtml (via ajax).