Java IE/Facebook问题：为什么像Facebook一样的盒子不显示在InternetExplorer6-IE8中？

IE/Facebook问题： 为什么像Facebook一样的盒子不显示在InternetExplorer6-IE8中

除了IE-IE8之外，我的web应用程序在每个浏览器上都会显示类似Facebook的方框

现在，最终的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);
    }
}

<！DOCTYPE html PUBLIC“-//W3C//DTD html 4.01//EN”http://www.w3.org/TR/html4/DTD/strict.dtd“>









FB_RequireFeatures（[“Connect”]，function（）{var x=1；}）；




我的LIke Box的Java代码如下FBPageFanWidget.Java
类FBPageFanWidget扩展了复合{
公共FBPageFanWidget（）{
VerticalPanel mainPanel=新的VerticalPanel（）；
主面板
.getElement（）
.setInnerHTML(
“”；
initWidget（主面板）；
}
}
我们使用了正确的facebook API密钥和页面ID
对于我们来说，在我们的web应用程序中显示类似Facebook的Box是非常重要的，因为我们有更多的IE用户。
如果我们在web应用程序中添加FBPageFanWidget.java，那么我们的主页将不会显示在IE中，因为我们添加了Facebook LikeBox
因此，我们在FBPageFanWidget.java中进行了更改
类FBPageFanWidget扩展了复合{
公共FBPageFanWidget（）{
VerticalPanel mainPanel=新的VerticalPanel（）；
如果（！isIE（））
{
mainPanel.getElement（）
.setInnerHTML（“FB.init（“”）；”）；
}
initWidget（主面板）；
}
公共本机字符串getUserAgent（）/*-{
返回navigator.userAgent；
}-*/;
私有布尔isIE（）{
返回（getUserAgent（）.indexOf（“MSIE”）>-1）；
}
}

当我们做这些改变时，除了IE6-IE8之外，每个浏览器都会显示类似Facebook的方框：(

并且在IE8中显示我们的主页，不包括类似Facebook的框

这意味着IE中存在问题？或者我需要在html文件或java文件中做些什么更改才能在显示主页时正确显示类似facebook的方框

对于我们来说，在我们的web应用程序中显示类似Facebook的Box是非常重要的，因为我们有更多的IE用户

请尽快回复

---

希望您能给予最好的合作！！

检查您的JavaScript日志。它们可能会显示一个错误，阻止正确加载Like框。否则，您的问题可能是CSS，IE v6-8可能无法正确处理该问题。

最终我们得到了答案

我们没有使用mainPanel.getElement（）.setInnerHTML（“我们以前的脚本”），而是使用JavasHTML类&它可以工作：）

HTML=新HTML( “