java - IE/Facebook 问题 : Why Facebook Like box not display in Internet Explorer 6 - IE8?

Question

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

Facebook like box 在除 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);
    }
}

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

并且还在 IE8 中显示我们的主页，不包括 Facebook Like Box。

意思是IE有问题？或者我需要在我的 html 文件或 java 文件中做哪些更改才能正确显示像 Box 这样的 facebook 并显示我们的主页

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

请尽快回复。

希望得到您身边最好的合作!!!!

Answer 1

终于找到答案了

我们使用 Javas HTML 类代替 mainPanel.getElement().setInnerHTML("Our Previous Script") & 它有效:)

HTML html = new HTML( "< 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('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);

它有效!!!! :)

现在 Facebook Like 框显示在 Internet Explorer6 - IE8 :)

真的有用!!! :)