Create a facebook login button with javascript DOM

Question

I'm trying to add a facebook login button using the dom (createElement, appendChild...) Following the facebook developper website, i wrote :

var loginFB = document.createElement('div');
    loginFB.id = "loginFacebook";
    loginFB.class="fb-login-button";
    loginFB.innerHTML = "Login with Facebook";

I also add in my javascript script the facebook function required.

And a div in my web page :

But this doesn't seem to work. I have a "Login with facebook" that appears but totally black.

Do you have an idea of how to achieve this ?

Thanks

Answer 1

I also add in my javascript script the facebook function required.

What exactly does that mean?

If you are adding XFBML tags after the SDK has finished loading, you have to call FB.XFBML.parse to explicitly have the document (or parts thereof) re-parsed for these tags.