IE / Facebook Проблема: почему окно Facebook Like не отображается в Internet Explorer 6 - IE8?

Question

IE / Facebook Issue: Почему окно Facebook Like не отображается в Internet Explorer6 - IE8?

Отображение в виде Facebook-окна через мое веб-приложение в любом браузере, кроме IE-IE8

Теперь окончательный файл 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-файл, чтобы правильно отобразить Facebook как Box с отображением нашей домашней страницы

Для нас очень важно показывать Facebook как Box в нашем веб-приложении, потому что у нас больше пользователей IE.

Пожалуйста, ответьте как можно скорее.

Надежда на лучшее сотрудничество с вашей стороны !!!!

Answer 1

Наконец-то мы получили ответ

Вместо mainPanel.getElement (). SetInnerHTML («Наш предыдущий сценарий») мы использовали класс HTML Javas, и он работает:)

HTML html = новый HTML ( "http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US'>< / скрипт> <скрипт TYPE = 'текст / JavaScript'> FB.init ( '2ec94ee223c5d36386ab1bfb34bc1b64'); < / script> http://127.0.01:8080/webapplicationname/facebook.css?1'>");

mainPanel.add (HTML);

Это работает !!!! :)

Теперь окно Facebook Like отображается в Internet Explorer6 - IE8 :)

Это действительно работает !!!! :)

Answer 2

Проверьте ваши логи JavaScript. Они могут отображать ошибку, которая мешает корректной загрузке Like Box. В противном случае ваша проблема может быть в CSS, который IE 6-8 может не обработать должным образом.