ruby - facebook like button using unobtrusive js in rails -


i've put facebook button on rails app adding following tag html.erb page:

<div id="fb-root"></div> <script src="http://connect.facebook.net/en_us/all.js#appid=1419...&amp;xfbml=1"></script><fb:like href="" send="" width="100" show_faces="" font="" layout="button_count" action="recommend"></fb:like>

and ... works ok big white space on page facebook sdk loading. so, thought i'd try putting in application.js file , running function after page loaded. problem can't work @ :)

so far, i've kept "fb-root" div in html , i've placed following function application.js

$(function() {     $('#fb-root').after('<script src="http://connect.facebook.net/en_us/all.js#appid=1419...&amp;xfbml=1"></script><fb:like href="" send="" width="100" show_faces="" font="" layout="button_count" action="recommend"></fb:like>'); });

however, not working me , can't figure out why (i'm js newb). appreciated. thanks!

you should load javascript function asynchronously:

<script>   window.fbasyncinit = function() {     fb.init({appid: 'your app id', status: true, cookie: true, xfbml: true});   };   (function() {     var e = document.createelement('script'); e.async = true;     e.src = document.location.protocol + '//connect.facebook.net/en_us/all.js';     document.getelementbyid('fb-root').appendchild(e);   }()); </script>

then once javascript library has loaded, convert fbml button appropriate html iframe code. if showing white space until loads, put button fbml code inside div , style div css.

here full example doesn't have issue talking (i load javascript library asynchronously, on timed delay simulate slow load. notice there no white while load button loading.

<!doctype html> <html> <body bgcolor="#000"> <div id="fb-root"></div> <fb:like href="http://stackoverflow.com" send="" width="100" layout="button_count" action="recommend"></fb:like> <script>   window.fbasyncinit = function() {     fb.init({appid: 'your app id', status: true, cookie: true, xfbml: true});   };   (function() {     // delay simulate slow loading of facebook library - remove settimeout!!     var t = settimeout(function() {         alert('loading fb');         var e = document.createelement('script'); e.async = true;         e.src = document.location.protocol + '//connect.facebook.net/en_us/all.js';         document.getelementbyid('fb-root').appendchild(e);         }, 3000);   }());  </script> </body> </html>

Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more