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可能無法正確處理。