[xwiki-devs] JavaScript example

3 Nov 2011

      Hi, 

I had no luck on the users group, so I thought I would try my luck on the
devs group. 

I would like to add the javascript below to my xwiki page. 

Is this something that can easily be done?
If so please can you show me an example. 

Thanks

Riaz

google.load('visualization', '1', {'packages':['table']});

function changeData(scorer) {
  var whereClause = "";
  if(scorer) {
    whereClause =  " WHERE 'Scoring Team' = '" + scorer + "'";
  }
  var queryText = encodeURIComponent("SELECT 'Scoring Team', 'Receiving
Team', 'Minute of goal' FROM 197026" + whereClause);
  var query = new
google.visualization.Query('http://www.google.com/fusiontables/gvizdata?tq='
+ queryText);

  query.send(getData);
}

function getData(response) {
  var table = new
google.visualization.Table(document.getElementById('visualization'));
  table.draw(response.getDataTable(), {showRowNumber: true});

See this for more info: 
http://gmaps-samples.googlecode.com/svn/trunk/fusiontables/gviz_datatable.ht
ml 

-----Original Message-----
From: [email protected] [mailto:[email protected]] On Behalf Of
Riaz
Sent: 28 October 2011 10:35
To: [email protected]
Subject: [xwiki-users] JavaScript example

Hi, 

I'm new to XWiki, and I would like some help on how to add JavaScript to my
pages.

I have looked at the example SkinExtensionsTutorial and can now do basic
JavaScript for example: 

alert ("HelloWorld"); via the JavaScriptExtension.  

I would like to add Google fusion tables to my Xwiki page an example of what
I am after is below with the JavaScript: 

http://gmaps-samples.googlecode.com/svn/trunk/fusiontables/gviz_datatable.ht
ml

The JavaScript is shown below: 

google.load('visualization', '1', {'packages':['table']});

function changeData(scorer) {
  var whereClause = "";
  if(scorer) {
    whereClause =  " WHERE 'Scoring Team' = '" + scorer + "'";
  }
  var queryText = encodeURIComponent("SELECT 'Scoring Team', 'Receiving
Team', 'Minute of goal' FROM 197026" + whereClause);
  var query = new
google.visualization.Query('http://www.google.com/fusiontables/gvizdata?tq='
+ queryText);

  query.send(getData);
}

function getData(response) {
  var table = new
google.visualization.Table(document.getElementById('visualization'));
  table.draw(response.getDataTable(), {showRowNumber: true});

How can I add this information to my Xwiki page.

Your help is much appreciated. 

Best Regards, 

Riaz

_______________________________________________
users mailing list
[email protected]
http://lists.xwiki.org/mailman/listinfo/users