Re: problem about add the 3rd party gadgets to GWT page.
Hi,
I'm trying to load gadgets into my own application for some time now,
but without luck :(
I like someone to be able to enter the url of a gadget, which then
should be added to my application. NOTE: this gadget is unknown at
compile time, it's url is entered during runtime)
Can this be done ?
It seems to me this is exactly where you have succeeded ?
The thing I don't understand is:
Then, I took the HTML code and translated it to JSNI
How do you do this ?
Is this realy needed / will this work at runtime ?
Best regards,
Raymond
On 7 mrt, 05:47, XiongJia Le lexiong...@gmail.com wrote:
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 codeonModuleLoad()/code.
*/
public class SimpleFriendConnect implements EntryPoint {
static native void addFriendConnect(String divId) /*-{
var skin = {};
skin['BORDER_COLOR'] = '#cc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#33';
skin['ENDCAP_LINK_COLOR'] = '#cc';
skin['ALTERNATE_BG_COLOR'] = '#ff';
skin['CONTENT_BG_COLOR'] = '#ff';
skin['CONTENT_LINK_COLOR'] = '#cc';
skin['CONTENT_TEXT_COLOR'] = '#33';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#66';
skin['CONTENT_HEADLINE_COLOR'] = '#33';
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 #cc);
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
-~--~~~~--~~--~--~---
Re: problem about add the 3rd party gadgets to GWT page.
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 codeonModuleLoad()/code.
*/
public class SimpleFriendConnect implements EntryPoint {
static native void addFriendConnect(String divId) /*-{
var skin = {};
skin['BORDER_COLOR'] = '#cc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#33';
skin['ENDCAP_LINK_COLOR'] = '#cc';
skin['ALTERNATE_BG_COLOR'] = '#ff';
skin['CONTENT_BG_COLOR'] = '#ff';
skin['CONTENT_LINK_COLOR'] = '#cc';
skin['CONTENT_TEXT_COLOR'] = '#33';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#66';
skin['CONTENT_HEADLINE_COLOR'] = '#33';
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 #cc);
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
-~--~~~~--~~--~--~---
Re: problem about add the 3rd party gadgets to GWT page.
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 codeonModuleLoad()/code.
*/
public class SimpleFriendConnect implements EntryPoint {
static native void addFriendConnect(String divId) /*-{
var skin = {};
skin['BORDER_COLOR'] = '#cc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#33';
skin['ENDCAP_LINK_COLOR'] = '#cc';
skin['ALTERNATE_BG_COLOR'] = '#ff';
skin['CONTENT_BG_COLOR'] = '#ff';
skin['CONTENT_LINK_COLOR'] = '#cc';
skin['CONTENT_TEXT_COLOR'] = '#33';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#66';
skin['CONTENT_HEADLINE_COLOR'] = '#33';
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 #cc);
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
-~--~~~~--~~--~--~---
problem about add the 3rd party gadgets to GWT page.
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 --~--~-~--~~~---~--~~ 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 -~--~~~~--~~--~--~---
