Home > error document getelementbyid > error document.getelementbyid fb-root is null

Error Document.getelementbyid Fb-root Is Null

script window.fbAsyncInit = function() { FB.init( { appId: '', status: true, cookie: true, xfbml: true }); }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); i placed it just before my tag (as they recommend in the documentation), but i am getting this weird error (i can see via firebug): b is undefined [Break on this error] if(!window.FB)FB={};FB.forEach=functio...B.TypeLoader.subclass,FB.TypeLoader); now, at first, i thought this must be a bug with my code, but the more i think about it, the more i remember hearing about some problems between firebug and facebook javascript. is that the problem, or am i forgetting something? javascript facebook share|improve this question asked Jul 26 '10 at 3:07 Garrett 4,3721155105 add a comment| 3 Answers 3 active oldest votes up vote 4 down vote accepted I think it is because you are including the older version of Facebook Connect. You don't need to include it with the newer JS SDK: Also, Facebook recommends placing the asynchronous loading code right after the opening body tag, such as (but it's your call):

script window.fbAsyncInit = function() { FB.init({ appId : 'YOUR APP ID', status : true, // check login status cookie : true, // e

here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss the workings and policies of this site About Us Learn more about Stack Overflow the company Business Learn more about hiring developers or posting ads with us Stack Overflow Questions Jobs Documentation Tags Users Badges Ask Question x Dismiss Join the Stack Overflow Community Stack Overflow is a community of 4.7 million programmers, just like you, helping each other. Join them; it only takes a minute: Sign up FB-Root Is Null, but only Sometimes in Firefox and IE up vote 0 down vote favorite 1 I have a Facebook Login Button on a login.php page on my website, and when its http://stackoverflow.com/questions/3332001/fb-js-sdk-init-not-working there it works like it should. But for some reason when I have a click on a link to this login.php the button doesn't appear. When I refresh the page, the button pops up. When I manually go to login.php the button appears every time. This seems to only happen in Firefox (mac), I can't replicate the issue in Chrome. Firebug gives me this error, but it shows up even when the button loads: document.getElementById("fb-root") is null My Button rendering http://stackoverflow.com/questions/3936340/fb-root-is-null-but-only-sometimes-in-firefox-and-ie code looks like this:

I have the FB.init code inside a script tag AFTER the body tag. UPDATE: I've actually just confirmed that the same error pops up in IE8 on Windows. Any advice could help thank you! php javascript facebook share|improve this question edited Oct 14 '10 at 18:37 asked Oct 14 '10 at 18:29 Doug Molineux 4,5171667125 add a comment| 1 Answer 1 active oldest votes up vote 3 down vote accepted You might review a post by Gil Goldshlager to see if you have everything set up correctly. One thing he points out is that you have to have your html tag set up correctly as follows: share|improve this answer answered Oct 14 '10 at 18:43 NotMe 68.6k20125213 If anybody is having this issue I have found the reason why it was doing this: I moved

above the script which contained by FB.init() function, perhaps the browser didn't think it existed because it hadn't rendered the full page yet (maybe)? In any case, this did work, also make sure you put the div and the script after the body tag, thanks for the link Chris! –Doug Molineux Oct 14 '10 at 19:02 @Pete: glad it helped. –NotMe Oct 14 '10 at 20:07 I had the same problem and as Chris pointed out it was b

+ '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); })(); window.fbAsyncInit = function() { var fbClicked https://forum.ionicframework.com/t/latest-ionic-ngcordova-not-working/13835 = false; FB.init({appId: 'Myappid', status: true, cookie: true, xfbml: true}); FB.Event.subscribe('auth.login', function(response) { if(response.session && fbClicked){ error document.getelementbyid window.location = 'http://www.mysite.com/facebookauth/?ref=/'; } }); } function thFBShortCut() { FB.login(function(response) { fbClicked = true; if (response.session && response.perms && fbClicked) { window.location = 'http://www.mysite.com/facebookauth/?ref=/'; } }, {perms:'email,publish_stream'}); } function thFBLogin() { fbClicked = error document.getelementbyid fb-root true; $('.popbox').fadeOut(); FB.getLoginStatus(function(response) { if(response.session && response.status == 'connected' && fbClicked) { window.location = 'http://www.mysite.com/facebookauth/?ref=/'; } }); } I want when whenever user press on facebook icon, the script should trigger facebook connect app. I added

right after >, but when I load my site I keep getting these error messages: document.getElementById("fb-root") is null and FB is not defined [Break On This Error] FB.login(function(response) { My html: Login Home Categories FAQ/Guidelines Terms of Service Privacy Policy Powered by Discourse, best viewed with JavaScript enabled Shop Versioning Reference Articles Premium

site, downloaded the example/demo zip file and built it. It built just fine with a new project, and I ran it on my iPhone 6 just fine, except not a single one of the plugins worked. Has anyone else done this with more success? I also had safari's web inspector opened up to watch the javascript errors as well, and I don't see too many - or in particular there's nothing to suggest major problems with the code. hay 2014-12-09 17:51:51 UTC #2 on second look, i've never debugged this before, but it doesn't look good. this is essentially what happens when any plugin is accessed: edwrede_ZA 2014-12-09 17:53:34 UTC #3 Hi there @hay Just a question, have you initialised the plugins as per the documentation? Also is the reference to the cordova.js file in your index.html? I've had problems related to both those issues when using ngCordova. hay 2014-12-09 18:00:38 UTC #4 I'm using the demo code that they apparently packaged (link here), it's supposed to be a demo of all the ngCordova plugins working, so I was counting on it actually working... I did check though to just make sure and everything looks fine...here's the entire head: ng-cordova demo 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/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));