Thanks Marius, I understand now.
Thanks Riaz -----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Marius Dumitru Florea Sent: 22 November 2011 14:52 To: XWiki Developers Subject: Re: [xwiki-devs] {{html}} tag using JavaScript On Tue, Nov 22, 2011 at 1:43 PM, Riaz Shafi <[email protected]> wrote: > > > Hi, > > I have followed the javascriptExtension example. > I can execute the javascript when I have "Always on this page" selected > (simple alert("HELLO"); command) > > The problem I have is executing the javascript on demand. > > Using the following code I cannot execute the javascript on demand. > > {{velocity}}$xwiki.jsx.use("<space>.<javascript Name>"){{/velocity}} It should be: {{velocity}}$xwiki.jsx.use("<space>.<NameOfThePageThatHoldsTheJSXObject>"){{ /velocity}} So don't use the value of the "Name" property of the JavaScriptExtension object. Use the name of the page holding the object. While debugging you can use: {{velocity}}$xwiki.jsx.use("Space.Page", {'minify': false}){{/velocity}} so that you can easily put breakpoints and debug your code with tools like Firebug. > > Is there anything else that I need to do? I have followed the javascript > example verbatim and tried executing the following code but no success: > > {{velocity}}$xwiki.jsx.use("XWiki.MyFirstJavascriptExtension"){{/velocity}} > > > Any ideas? It should work if XWiki.MyFirstJavascriptExtension is the wiki page that has the JavaScriptExtension object with your JavaScript code. Hope this helps, Marius > > Thanks > > Riaz > > -----Original Message----- > From: [email protected] [mailto:[email protected]] On Behalf Of > Marius Dumitru Florea > Sent: 16 November 2011 14:44 > To: XWiki Developers > Subject: Re: [xwiki-devs] {{html}} tag using JavaScript > > Hi Riaz, > > The clean approach is to put the JavaScript code in a > JavaScriptExtension (see > http://platform.xwiki.org/xwiki/bin/view/DevGuide/SkinExtensionsTutorial#HMi > nimalJavaScripteXtension > ) and leave only the HTML in the page content. > > Hope this helps, > Marius > > On Mon, Nov 14, 2011 at 1:30 PM, Riaz Shafi <[email protected]> wrote: >> >> >> Hi, >> >> I'm struggling with adding a google map to an xwiki page using javascript. >> Below is the code I'm using which does not work. It's not easy to see > where >> the problem is. >> >> {{html clean="false" wiki="false"}} >> >> <script type="text/javascript" >> src="http://maps.google.com/maps/api/js?sensor=false";></script> >> <script type="text/javascript" id="script"> >> var tableid = 297050; >> var map; >> >> function initialize() { >> map = new google.maps.Map(document.getElementById('map_canvas'), { >> center: new google.maps.LatLng(37.4, -122.1), >> zoom: 10, >> mapTypeId: google.maps.MapTypeId.ROADMAP >> }); >> >> var layer = new google.maps.FusionTablesLayer({ >> query: { >> select: 'Address', >> from: tableid >> }, >> map: map >> }); >> } >> </script> >> <script> >> window.onload=initialize(); >> >> >> </script> >> >> >> HELLO >> <table><tr><td width="400" height="400"> >> <div id="map_canvas" style="width:100%; height:100%"></div> >> </td></tr></table> >> >> >> {{/html}} >> >> The page can be viewed Today (14/11/2011) on >> http://playground.xwiki.org/xwiki/bin/view/Test/MapJavaScript >> Username: guest password guest123 >> >> The html page I am trying to display is shown here: >> > http://gmaps-samples.googlecode.com/svn/trunk/fusiontables/fusiontableslayer >> _example.html >> >> >> Any help is much appreciated. >> >> Thanks >> >> Riaz >> >> >> >> >> _______________________________________________ >> devs mailing list >> [email protected] >> http://lists.xwiki.org/mailman/listinfo/devs >> > _______________________________________________ > devs mailing list > [email protected] > http://lists.xwiki.org/mailman/listinfo/devs > > _______________________________________________ > devs mailing list > [email protected] > http://lists.xwiki.org/mailman/listinfo/devs > _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
