IE / Facebook问题：为什么在Internet Explorer 6-IE8中不显示“ Facebook Like”框？

Question

IE / Facebook问题：为什么在Internet Explorer6-IE8中不显示Facebook Like框？

Facebook像盒子一样在除IE-IE8之外的所有浏览器上显示我的Web应用程序

现在最终的Application.html文件包含

< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/DTD/strict.dtd"><BR>
< html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<BR>< head>
< meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
< /head><BR>
< body>

< script type="text/javascript" language="javascript"     src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"> < /script> <BR>
< script type="text/javascript">  FB_RequireFeatures(["Connect"], function(){  var x=1; } );          < /script> <BR>
< script src="http://static.ak.connect.facebook.com/connect.php/en_US" type="text/javascript"> < /script>

< /body>
< /html>



My Java code for LIke Box is as follows FBPageFanWidget.java

class FBPageFanWidget extends Composite {

public FBPageFanWidget() {
   VerticalPanel mainPanel = new VerticalPanel();
        mainPanel
                .getElement()
                .setInnerHTML(
                        "< script type='text/javascript' src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US'>< /script>< script type='text/javascript'>FB.init('');< /script>< fb:fan profile_id=\"113106068709539\" stream=\"0\" connections=\"10\" logobar=\"0\" width=\"244\" height=\"240\" css='http://127.0.01:8080/webapplicationname/facebook.css?1'>< /fb:fan>");

        initWidget(mainPanel);
    }
}



We used proper facebook API_KEY & PAGE_ID

It's very important for us to Show Facebook like Box in Our web application  Because we have more IE users.

If we add FBPageFanWidget.java in our web applicaton then Our Home page is not display in IE because we add Facebook LikeBox

so we made changes in Our FBPageFanWidget.java



class FBPageFanWidget extends Composite {

public FBPageFanWidget() { 

VerticalPanel mainPanel = new VerticalPanel();

   if (!isIE())

  {

        mainPanel.getElement()

                .setInnerHTML("<script type='text/javascript' src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US'></script><script type='text/javascript'>FB.init('');</script><fb:fan  profile_id=\"113106068709539\" stream=\"0\" connections=\"10\" logobar=\"0\" width=\"244\" height=\"240\" css='http://127.0.01:8080/webapplicationname/facebook.css?1'></fb:fan>");
   }
        initWidget(mainPanel);
 }

 public native String getUserAgent() /*-{
        return navigator.userAgent;
    }-*/;

    private boolean isIE() {
        return (getUserAgent().indexOf("MSIE") > -1);
    }
}

当我们进行此更改时，然后在除IE6-IE8之外的所有浏览器中显示Facebook Like Box ：(

并在IE8中显示“我们的主页”，但不包括Facebook Like Box。

这意味着IE中有探针吗？ 或我需要在我的html文件或java文件中进行哪些更改以正确显示Facebook（如Box）并显示我们的主页

对我们来说，在我们的Web应用程序中像Box一样显示Facebook是非常重要的，因为我们有更多的IE用户。

请尽快回复。

希望从您身边获得最佳合作！

Answer 1

最后我们得到了答案

代替mainPanel.getElement（）。setInnerHTML（“ Our Previous Script”），我们使用Javas HTML类，它可以工作:)

HTML html =新HTML（“ <脚本类型='text / javascript'src =' http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/zh_CN '> </ script> <脚本类型='text / javascript'> FB.init（'2ec94ee223c5d36386ab1bfb34bc1b64'）; </ script> <fb：fan profile_id = \\“ 113106068709539 \\” stream = \\“ 0 \\” connections = \\“ 10 \\“ logobar = \\” 0 \\“ width = \\” 244 \\“ height = \\” 240 \\“ css =' http：//127.0.01：8080 / webapplicationname / facebook.css？1 '>”）；

mainPanel.add（HTML）;

有用 ！！！！ :)

现在，Internet Explorer6-IE8中的Facebook Like框显示为:)

真的行 ！！！！ :)

Answer 2

检查您的JavaScript日志。 它们可能显示错误，导致无法正确加载“喜欢”框。 否则，您的问题可能出在CSS中，而IE v6-8可能无法正确处理。