在 asp.net 4.0 上显示 facebook 的类似按钮

Question

I am trying to use below code in my asp.net but i am getting error.

 <script type="text/javascript">
    window.fbAsyncInit = function () {
        FB.init({ appId: 'xxxxxxx', 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.ClientID %>').appendChild(e);
    } ());
</script>

i am getting error getElementById as it shows error that fb doesn't exist. i have a div with id as fb-root.

Answer 1

Is your <div> with ID fb-root has runat="server" ?

If not, ClientID won't work, just use getElementById('fb-root');

If yes, try viewing source of the page to see what kind of ID you get for your script. It's also helpful to check for null reference to avoid errors, like this:

var divFBRoot  = document.getElementById('fb-root');

if( String(divFBRoot) != 'undefined' )
{
   //do your things
}