Thanks for you help. I have understood this problem. I attached the issue talking address, maybe this can help other people. http://code.google.com/p/gwt-google-apis/issues/detail?id=248
On Fri, Mar 6, 2009 at 11:49 PM, Eric Ayers <zun...@google.com> wrote: > You are right, there is something about that technique that doesn't work. > I found this alternative implementation of the gadget worked, though: > > In SimpleFriendConnect.html, add: > > <!-- Include the Google Friend Connect javascript library. --> > <script type="text/javascript" src=" > http://www.google.com/friendconnect/script/friendconnect.js";></script> > > > Then, I took the HTML code and translated it to JSNI: > > package com.example.simpleFriendConnect.client; > > import com.google.gwt.core.client.EntryPoint; > import com.google.gwt.dom.client.DivElement; > import com.google.gwt.dom.client.Document; > import com.google.gwt.user.client.ui.Label; > import com.google.gwt.user.client.ui.RootPanel; > > /** > * Entry point classes define <code>onModuleLoad()</code>. > */ > public class SimpleFriendConnect implements EntryPoint { > > static native void addFriendConnect(String divId) /*-{ > var skin = {}; > skin['BORDER_COLOR'] = '#cccccc'; > skin['ENDCAP_BG_COLOR'] = '#e0ecff'; > skin['ENDCAP_TEXT_COLOR'] = '#333333'; > skin['ENDCAP_LINK_COLOR'] = '#0000cc'; > skin['ALTERNATE_BG_COLOR'] = '#ffffff'; > skin['CONTENT_BG_COLOR'] = '#ffffff'; > skin['CONTENT_LINK_COLOR'] = '#0000cc'; > skin['CONTENT_TEXT_COLOR'] = '#333333'; > skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc'; > skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666'; > skin['CONTENT_HEADLINE_COLOR'] = '#333333'; > skin['DEFAULT_COMMENT_TEXT'] = '- add your comment here -'; > skin['HEADER_TEXT'] = 'Comments'; > skin['POSTS_PER_PAGE'] = '5'; > > // NOTE: Prepend $wnd to the calls to the friendconnect API. > $wnd.google.friendconnect.container.setParentUrl('/users/eric/'); > $wnd.google.friendconnect.container.renderWallGadget( > > // NOTE: substitute 'divId' for the string generated by Google > Friendconnect > { id: divId, > site: '01989614359727495564', > 'view-params':{"disableMinMax":"true", > "scope":"PAGE","features":"video,comment", > "startMaximized":"true"} > }, skin); > }-*/; > > /** > * This is the entry point method. > */ > public void onModuleLoad() { > RootPanel.get().add(new Label("Member Gadget shown below:")); > DivElement gadgetDiv = Document.get().createDivElement(); > String id = "div-friendconnect1"; > gadgetDiv.setId(id); > gadgetDiv.getStyle().setPropertyPx("width", 282); > gadgetDiv.getStyle().setProperty("border", "1px, solid #cccccc"); > RootPanel.get().getElement().appendChild(gadgetDiv); > addFriendConnect(id); > > } > } > > On Wed, Mar 4, 2009 at 9:18 PM, Xiongjia Le <lexiong...@gmail.com> wrote: > >> >> Hi All, >> >> Yesterday, I wrote a test page for add the gadget of "Google Friend >> Connect" to my GWT page. >> >> I create a new HTML object and set the gadget's script (got from >> "Google Friend Connect" ) to this object. >> This is the code summary: >> >> ---------------- >> HTML htmObj = new HTML("<!-- some script got from 'Google Friend >> Connect'-->") >> RootPanel.get().add(htmObj); >> ---------------- >> >> But this code only can run on Firefox. In other browsers (IE, Chrome, >> etc.) the gadget is can not show correctly. >> >> Do we need use other way to add a 3rd party gadgets to GWT page? >> >> Thanks, >> Xiongjia Le >> >> > > > -- > Eric Z. Ayers - GWT Team - Atlanta, GA USA > http://code.google.com/webtoolkit/ > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to Google-Web-Toolkit@googlegroups.com To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~----------~----~----~----~------~----~------~--~---
