facebook fb.ui dialog opens too low - facebook

I'm having a problem and I can't find any resources to handle it, maybe someone here will have a clue...
I have a facebook app where I use fb.ui dialogs. The problem is that they open too low, and I need to scroll down in order to click accept/cancel.
The only resource I found told me to make sure that the <div id="fb-root"></div> is right under the <body> tag, and this is the case with my app...
Any idea someone?
Thanks,
Yanipan

Your <div id="fb-root></div> need to go higher up in your html. preferably as the first tag.

Well, eventually I used CSS directly on #fb-root .dialog which allowed me to apply the absolute position the way I wanted it, quite simple actually...

Related

how to get a plain old external link working with featherlight

I have a div with a link:
<div data-featherlight="test" >
Link
</div>
The lightbox works fine, but when I click the link, it makes a recursive lightbox. I just want the link to pop to a new window. Note, I don't want an ajax call, just a pop to a link on a 3rd party domain.
Thanks for any help,
kevin
Not too sure, you might get closer to what you want by using a iframe? FL will think your link should be done with ajax, so you'll have to specify you want an iframe instead...

Use feedburner email subscription without Popup

For my selfhosted Wordpress blog, i wish to add Feedburner email subscription form.
Embed code from feedburner site:
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=[BLOGNAME]', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
My issue is, i dont want the popup window to show up. That thing is so 80's stuff.
Instead, is it possible to show the popup contents inline? Using JS or PHP or something?
Check out how div contents change over click here using JS: http://www.willmaster.com/library/web-development/replace-div-content.php
Would be great if something similar could be worked out.
I guess this is easy to do but i have limited knowledge on web designs and php/js/forms.
Thanks in advance.
PS: Please do not suggest plugins. I hate installing plugins unless absolutely necessary.
You can change target="popupwindow" to target="_self" or target="_blank", it can load in current page or go to a new page.

Fb.Share does not work

Till yesterday everything was working fine.
In my website's head there was
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
and links like
<a name="fb_share" share_url="http://mysite.com/url"></a>
were transformed to facebook share plugins.
But now there is a problem - i can't see count of shares in plugin. I sniffed requests a little and the error is:
fb_sharepro_render({"error_code":104,"error_msg":"Requires valid signature","request_args":[{"key":"v","value":"1.0"}
I did not change anything on website and problem still occurs. Any hints?
Edit (probably an answer):
This bug is described here: http://bugs.developers.facebook.net/show_bug.cgi?id=19471
Facebook team response:
Thanks for the report. We are looking into this.
We recommend to use the like button instead as we are going to deprecate the
share button soon. The like button provides you with the same functionality and
more ...
http://developers.facebook.com/docs/reference/plugins/like/
Also, works solution with request to http://graph.facebook.com/?ids=*.
For example, while issue is not fixed by facebook, you can use a little modified facebook share widget script, it use a graph.facebook.com instead of api.facebook.com/restserver.php.
You have to introduce access_token also as a parameter. Find what facebook says
GET /fql?q=SELECT+uid2+FROM+friend+WHERE+uid1=me()&access_token=...

How to add a Facebook share box to a page?

I saw many similar questions here but their answers don't work for me by some reasons.
I need the share box, not the like one.
Can anyone share a working solution?
Thank you very much
EDIT
The only working way I found is to add a link like:
Share on Facebook
But in this case there is no counter and I need it. Is there a way to do it now?
Ok, I found it here: http://www.simplebloggertutorials.com/2010/05/how-to-add-facebook-share-button-with.html
Just need to add following code:
<div>
<a name="fb_share" type="box_count" expr:share_url="data:post.url" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
very easy solution and according to the link provided by Jarede Facebook will support Share button in the future.
Much more nicer solution here: Facebook Feed Dialog
The share button has been deprecated in preference for the Like button. Probably best to keep up with the rest of the world and use Like instead of trying to implement the outdated Share.
I found this:
https://www.hs.facebook.com/note.php?note_id=10150211527410844

Facebook Request Form's Skip button doesn't work

The fbml below generates an invite form using a multi-friend-selector. Everything works, except the Skip button. No matter what url I place in the action attribute, the action in the rendered form is always blank. This of course causes the Skip button to 404.
<div class="invite">
<fb:serverFbml width="626">
<script type="text/fbml">
<fb:request-form
action="default.asp"
target="_top"
method="POST"
invite="true"
type="My Application"
content="<fb:req-choice url='facebook.com/somepage' label='Authorize my Application'/>">
<fb:multi-friend-selector showborder="true" email_invite="false" cols="4" rows="1" actiontext="Invite your friends to use My Application!">
</fb:multi-friend-selector>
</fb:request-form>
</script>
</fb:serverFbml>
</div>
Edit: On closer inspection, it looks like the 404 it goes to is http://www.facebook.com/plugins/serverfbml.php?. Found this as the only 404 response when tracking in Fiddler.
had the same problem and it was driving me crazy but i managed to fix it.
Try this : <fb:req-choice url='facebook.com/somepage' '
just add another ' right after that, make sure you use space between them. It's funny how I spent 2 hours trying to figure that out. If you wish I'll just copy and paste the whole code. Hope this helps, I'm pretty sure it will since I had the exact same issue. Cheers.
I had the same issue!!!
The fix was the following in my case:
action="http://YOURDOMAINNAME/APP/welcome.htm?${query_string}"
YOURDOMAINNAME must be the same as in your Canvas URL!
Update
Official response from Facebook on my bug report; they've closed it. Only took five months :).
Thanks for the report.
As we are in the process of
deprecating FBML/FBJS, we will not be
adding additional features or fixing
current bugs. If you are creating an
application on facebook.com, please
implement your application using our
supported APIs, SDKs and Social
Plugins. Using these you can embed
many of the same social features
available in FBML.
Please see more at our roadmap:
http://developers.facebook.com/roadmap