Thank you for this, this change made it work. Thanks -- Wade Girard | Principal Software Engineer
Calabrio, Inc. | 400 1st Avenue N, Ste 300 | Minneapolis, MN 55401 Phone: 763.795.7798 On 2/13/14, 10:40 AM, "Ryan Baxter" <[email protected]> wrote: >Thanks, this helped alot. The problem is how you are rendering the >gadget, you are doing more work than you have to :) For this simple >sample there is no need to preload the gadget. So you can removed the >addGadgetHandler function and replace addGadget with this code. > >function addGadget() { > var parent = window.location.origin; > var el = document.getElementById("gadgetContainer"); > var site = container.newGadgetSite(el) > var params = {}; > params[osapi.container.RenderParam.WIDTH] = '100%'; > container.navigateGadget(site, gadgetUrl, {}, params); > console.log("inside add gadget handler"); >} > >Calling navigateGadget helps to setup the rpc functionality. I tested >this in FF and Chrome and it seems to work. Hope this helps! > >On Thu, Feb 13, 2014 at 10:41 AM, Wade Girard <[email protected]> >wrote: >> Okay, sorry for the delay, took me a little time to put this together >> >> Here is the container html >> >> <!DOCTYPE html> >> <html> >> <head> >> <style> >> .gadget { >> width: 500; >> height: 500; >> border: 1px solid silver; >> } >> </style> >> <script type="text/javascript" >> >>src="../../../gadgets/js/container:open-views:opensearch:rpc:xmlutil:pubs >>ub >> -2.js?c=1&debug=1&container=default"></script> >> <script type="text/javascript"> >> var container, gadgetUrl = >> "http://localhost/cwfo/gadgets/HelloWorld.xml";; >> >> function addGadget() { >> console.log("preloading gadget:" + gadgetUrl); >> container.preloadGadget(gadgetUrl, >>addGadgetHandler); >> } >> >> function addGadgetHandler(resp) { >> var gSpec = resp[gadgetUrl]; >> if (typeof gSpec !== 'undefined') { >> var parent = window.location.origin; >> var container = >>document.getElementById("gadgetContainer"); >> iFrame = "<iframe class='gadget' src='" >>+ gSpec.iframeUrls["default"] >> + "#parent=" + parent + "&rpctoken=1234" + "'>"; >> container.innerHTML = iFrame; >> console.log("inside add gadget >>handler"); >> } else { >> alert("unable to add gadget"); >> } >> } >> >> function msgHandler(msg) { >> console.log(msg); >> } >> >> var urlBase = location.href.substr(0, >>location.href.indexOf('/cwfo')); >> var contextRoot = >>urlBase.substr(urlBase.indexOf(location.host) + >> location.host.length); >> >> var testConfig = {}; >> testConfig[osapi.container.ServiceConfig.API_PATH] = >>contextRoot + >> '/rpc'; >> >>testConfig[osapi.container.ContainerConfig.RENDER_DEBUG] = '1'; >> >>testConfig[osapi.container.ContainerConfig.GET_CONTAINER_TOKEN] = >> function(callback) { >> gadgets.log('Updating container security >>token.'); >> >>callback('john.doe:john.doe:appid:cont:url:0:default', 0); >> }; >> container = new osapi.container.Container(testConfig); >> container.rpcRegister("initial_gadget_message", >>msgHandler); >> </script> >> </head> >> <body> >> <div> >> <button onclick="addGadget()">Click To Add</button> >> <div id="gadgetContainer"></div> >> </div> >> </body> >> </html> >> >> >> I am using version 2.5 update 1 >> -- >> Wade Girard | Principal Software Engineer >> >> Calabrio, Inc. | 400 1st Avenue N, Ste 300 | Minneapolis, MN 55401 >> Phone: 763.795.7798 >> >> >> >> >> On 2/12/14, 3:24 PM, "Ryan Baxter" <[email protected]> wrote: >> >>>Wade can you provide a sample container html file so I can try it >>>locally? What version of Shindig are you using? >>> >>>On Wed, Feb 12, 2014 at 3:50 PM, Wade Girard <[email protected]> >>>wrote: >>>> Hi Ryan, >>>> Thank you for your suggestions. I changed the gadget to this >>>> <Module> >>>> <ModulePrefs title="Hello World"> >>>> <Require feature="rpc" /> >>>> </ModulePrefs> >>>> <UserPref name="myName" display_name="Name" default_value="Wade" /> >>>> <Content type="html"> >>>> <![CDATA[ >>>> <script type="text/javascript"> >>>> function init() { >>>> gadgets.rpc.call(null, >>>>'initial_gadget_message', null, 'Hello there! >>>> Pre-onload message sent successfully.'); >>>> } >>>> gadgets.util.registerOnLoadHandler(init); >>>> </script> >>>> <div id="widgetNode">Hello World</div> >>>> ]]> >>>> </Content> >>>> </Module> >>>> >>>> >>>> And Removed the code that did the gadgets.rpc.register and >>>> gadgets.rpc.setupReceiver and added the code to the container. Here is >>>> what it looks like (added the full config, in case I am missing >>>>something >>>> there) >>>> >>>> var testConfig = {}; >>>> >>>>testConfig[osapi.container.ServiceConfig.API_PATH] = >>>> 'http://localhost/rpc'; >>>> >>>>testConfig[osapi.container.ContainerConfig.RENDER_DEBUG] = '1'; >>>> >>>>testConfig[osapi.container.ContainerConfig.GET_CONTAINER_TOKEN] = >>>> function(callback) { >>>> gadgets.log('Updating container >>>>security token.'); >>>> >>>>callback('john.doe:john.doe:appid:cont:url:0:default', 10); >>>> }; >>>> this._container = new osapi.container.Container(testConfig); >>>> >>>>this._container.rpcRegister("initial_gadget_message", >>>> _setTitleHandler)); >>>> >>>> >>>> >>>> Unfortunately I am still getting the same message in the firebug >>>>console >>>> No relay set (used as window.postMessage targetOrigin), cannot send >>>> cross-domain message >>>> >>>> >>>> Thanks for all your help. >>>> -- >>>> Wade Girard | Principal Software Engineer >>>> >>>> Calabrio, Inc. | 400 1st Avenue N, Ste 300 | Minneapolis, MN 55401 >>>> Phone: 763.795.7798 >>>> >>>> >>>> >>>> >>>> On 2/12/14, 2:31 PM, "Ryan Baxter" <[email protected]> wrote: >>>> >>>>>Hi Wade, >>>>> >>>>>A couple of comments. >>>>> >>>>>1.) In your gadget you probably want to wrap gadgets.rpc.call in a >>>>>function passed to gadgets.util.registerOnLoadHandler to make sure the >>>>>gadget is completely initialized before making that rpc call. >>>>>2.) In your container I would suggest you use the container feature. >>>>>It takes care of some of the nasty stuff with regards to registering >>>>>RPC callback functions. All you then have to do is call >>>>>container.rpcRegister('initial_gadget_message', _messageHandler) >>>>> >>>>>On Wed, Feb 12, 2014 at 2:16 PM, Wade Girard >>>>><[email protected]> >>>>>wrote: >>>>>> I am trying to implement a container running under Shindig. >>>>>> >>>>>> I am having difficulty getting the rpc (Gadget->Contianer) >>>>>>communication working. >>>>>> >>>>>> Here is my simple gadget: >>>>>> >>>>>> <Module> >>>>>> >>>>>> <ModulePrefs title="Hello World"> >>>>>> >>>>>> <Require feature="rpc" /> >>>>>> >>>>>> </ModulePrefs> >>>>>> >>>>>> <UserPref name="myName" display_name="Name" default_value="Wade" >>>>>>/> >>>>>> >>>>>> <Content type="html"> >>>>>> >>>>>> <![CDATA[ >>>>>> >>>>>> <script type="text/javascript"> >>>>>> >>>>>> gadgets.rpc.call(null, 'initial_gadget_message', null, 'Hello there! >>>>>>Pre-onload message sent successfully.'); >>>>>> >>>>>> </script> >>>>>> >>>>>> <div id="widgetNode">Hello World</div> >>>>>> >>>>>> ]]> >>>>>> >>>>>> </Content> >>>>>> >>>>>> </Module> >>>>>> >>>>>> Here is what I have done on the server (adapted) >>>>>> >>>>>> var id = "gadget_" + (this._static.id++); >>>>>> >>>>>> gadgets.rpc.register("initial_gadget_message", _messageHandler)); >>>>>> >>>>>> var parent = window.location.origin; // also tried >>>>>>window.location.href >>>>>> >>>>>> iFrameNode.src = obj.iFrameUrls["default"] + "#parent=" parent + >>>>>>"&rpctoken=12345"; >>>>>> >>>>>> iFrameNode.id = id; >>>>>> >>>>>> gadgets.rpc.setupReceiver(id); >>>>>> >>>>>> The container is at port 80, the gadget is at port 8080, on the same >>>>>>server (localhost) >>>>>> The gadget loads in the container, but most of the time produces >>>>>>this >>>>>>message, sometimes, vary rarely, it will not produce the message. >>>>>> >>>>>> No relay set (used as window.postMessage targetOrigin), cannot send >>>>>>cross-domain message >>>>>> >>>>>> Any help is appreciated, thanks >>>>>> -- >>>>>> Wade Girard | Principal Software Engineer >>>>>> Calabrio, Inc. | 400 1st Avenue N, Ste 300 | Minneapolis, MN 55401 >>>>>> Phone: 763.795.7798 >>>> >>
