xfbml

Will xid-based fb:comments be lost on June 1st?

白昼怎懂夜的黑 提交于 2019-12-01 12:08:37
问题 As far as I know there is no way to migrate existing Facebook comments which use fb:comments/xid over to the new fb:comments/href version. There are some StackOverflow topics ( How to migrate Facebook comments from using "URL" property to "HREF", http://facebook.stackoverflow.com/q/8487357/138526) which supports this interpretation. Now Facebook says in their FBML documentation: Starting June 1, 2012 FBML apps will no longer work as all FBML endpoints will be removed According to the docs

Do most browsers support CSS for tags such as fb:like?

自古美人都是妖i 提交于 2019-12-01 10:50:44
Most browsers support tags such as <fb:like ... > </fb:like> (which is a Facebook XFBML tag). Is the namespace:tagname actually part of the standard of naming tags? Also, how about CSS support? Seldom do I directly style it like fb:like { font-size: 11px } but for people who are experienced with it, does it work with most modern browsers? (IE 6 too?) Is there any case where it doesn't work or even crash a browser? Probably some of the mobile browsers are not so well equipped to handle this. Browser handling for tags of the form namespace:tagname is very different in IE to other browsers and is

Do most browsers support CSS for tags such as fb:like?

試著忘記壹切 提交于 2019-12-01 09:10:57
问题 Most browsers support tags such as <fb:like ... > </fb:like> (which is a Facebook XFBML tag). Is the namespace:tagname actually part of the standard of naming tags? Also, how about CSS support? Seldom do I directly style it like fb:like { font-size: 11px } but for people who are experienced with it, does it work with most modern browsers? (IE 6 too?) Is there any case where it doesn't work or even crash a browser? Probably some of the mobile browsers are not so well equipped to handle this.

Why FB.XFBML.parse() doesnt render my plugin?

谁说胖子不能爱 提交于 2019-11-30 23:39:08
My code : <a id="render-me" href="javascript:void(0);">Render me</a> <div id="social-facebook"></div>​ $('#render-me').click(function (e){ e.preventDefault(); $('#social-facebook').html("<fb:like id='button-facebook' href='http://www.google.com' send='false' layout='button_count' width='450' show_faces='false'></fb:like>"); FB.XFBML.parse(document.getElementById('button-facebook')); }); I click, but the button is not rendered. Where am I wrong? You have to specify a node already in DOM. So, you can't use: FB.XFBML.parse(document.getElementById('button-facebook')); use instead: FB.XFBML.parse

Why FB.XFBML.parse() doesnt render my plugin?

﹥>﹥吖頭↗ 提交于 2019-11-30 18:10:56
问题 My code : <a id="render-me" href="javascript:void(0);">Render me</a> <div id="social-facebook"></div>​ $('#render-me').click(function (e){ e.preventDefault(); $('#social-facebook').html("<fb:like id='button-facebook' href='http://www.google.com' send='false' layout='button_count' width='450' show_faces='false'></fb:like>"); FB.XFBML.parse(document.getElementById('button-facebook')); }); I click, but the button is not rendered. Where am I wrong? 回答1: You have to specify a node already in DOM.

FB.XFBML.parse() on individual element does nothing

倖福魔咒の 提交于 2019-11-30 09:05:29
I have a big page with a "load more" button at the bottom; each click on "load more" loads more content via AJAX. Part of that content is Facebook like buttons: <div class="fb-like" data-href="http://mysite.com/a<?=$x ?>" data-width="100" data-layout="button_count" data-show-faces="false" data-send="false"></div> After loading the additional content, I can ask Facebook to re-parse the entire page with FB.XFBML.parse(); (which causes those divs to turn into actual like buttons). This works perfectly, however, it gets slow right away, since Facebook re-parses the content that was already on the

Multiple facebook comment boxes on a single page?

馋奶兔 提交于 2019-11-30 07:31:34
I have three products listed on a single page and I'm looking to add a small comment box to the side of each of the products, kind of like : https://www.facebook.com/SanukFootwear?ref=ts&sk=app_113298085356151 . The main problem is, I can't seem to figure out how to add more than one comment box to the page. I tried using HTML5 and XFBML. The code I'm using now is : <html xmlns:fb="http://ogp.me/ns/fb#"> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all

FB.XFBML.parse() on individual element does nothing

a 夏天 提交于 2019-11-29 13:23:33
问题 I have a big page with a "load more" button at the bottom; each click on "load more" loads more content via AJAX. Part of that content is Facebook like buttons: <div class="fb-like" data-href="http://mysite.com/a<?=$x ?>" data-width="100" data-layout="button_count" data-show-faces="false" data-send="false"></div> After loading the additional content, I can ask Facebook to re-parse the entire page with FB.XFBML.parse(); (which causes those divs to turn into actual like buttons). This works

How to make Facebook comments widget a fluid width?

末鹿安然 提交于 2019-11-28 16:51:09
Is it possible to make Facebook's comments widget a fluid width? Their documentation shows a width field for the fb:comments xfbml or iframe which is specified as: width - the width of the plugin in pixels. Minimum recommended width: 400px. So maybe it's not possible... I found a solution using css. Inspiration came from this article http://css-tricks.com/2708-override-inline-styles-with-css/ .fb-comments, .fb-comments iframe[style] {width: 100% !important;} Alan your solution was working however it looks like facebook updated their plugin and broke the style. I got it working again using the

Update FB:Like URL Dynamically using JavaScript

南笙酒味 提交于 2019-11-27 18:13:06
i'd like to change the URL to like of an FB:Like button dynamically using javascript. right now i've only been able to change the href attribute of the fb:like tag (i've pasted the code below). but simply changing the href doesn't seems to work. perhaps i have to re-initiate the FB:Like button, but so far i can't figure out how.. function update_share(container, url) { // update fb:like href value var container = container[0] || document.body; var button = container.getElementsByTagName('fb:like'); button[0].setAttribute('href', url); } any help would be appreciated. thx.. Mohammad Arif It