Dynamically rendering a Facebook like button with Javascript

Question

I'm trying to add a FB like button for recommendations to an AJAX driven search page. I've already implemented it successfully in a static template, but it seems to be more complicated to implement dynamically changing likes on a single page. is there a way to inject the .fb-like template to the page dynamically and make facebook render it to create the necessary IFRAME? Clearly facebook does it onload, but can it be triggered manually with JS?

The original FB html to be embedded:

  <div class="fb-like" data-href="http://mattat.org.il/ci/index.php/
    search/show_full/nsrecommendation/{{q}}" 
    data-send="true" data-layout="button_count" 
    data-width="450" data-show-faces="true" data-font="arial"></div>

The {{q}} will be dynamically replaced with the current recommendation id

developers.facebook.com/docs/reference/javascript/…

salexch
– salexch

2013-01-20 11:04:39 +00:00
Commented Jan 20, 2013 at 11:04 — salexch
– salexch, Commented Jan 20, 2013 at 11:04
Thanks. You can post it as an answer if you want

Matanya
– Matanya

2013-01-20 11:09:58 +00:00
Commented Jan 20, 2013 at 11:09 — Matanya
– Matanya, Commented Jan 20, 2013 at 11:09

salexch · Accepted Answer · 2013-01-20 11:13:22Z

3

following the FB http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

you need to execute after ajax finishes

FB.XFBML.parse();

answered Jan 20, 2013 at 11:13

salexch

2,7041 gold badge21 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamically rendering a Facebook like button with Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related