internet-explorerinternet-explorer-8facebookxfbml

Facebook Login/Like Fail on IE8

I've recently implemented Facebook Login button and a Facebook "Like" button using XFBML. You can see the site on http://colnect.com

Everything works well with FireFox, Chrome, Opera & Safari.

However, IE doesn't show neither "login" or "like" buttons and no error message is available as well.

Any ideas?

Solution

  • Seems I'll be the kind of person to answer himself hoping it'll help someone.

    For Internet Explorer to recognize Facebook you should add

    xmlns:fb="http://www.facebook.com/2008/fbml"

    to your html tag, for me it's

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en">

    The second problem I had was that IE doesn't support Array.indexOf() so here's the way around it:

    if(!Array.indexOf){
  Array.prototype.indexOf = function(obj){
          for(var i=0; i<this.length; i++){
              if(this[i]==obj){
                  return i;
              }
          }
      return -1;
  }
}

    Hope it helps.