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
