AnyGantt Custom XML Apex 4.2.2

Question

Hi guys,
Sorry to create a new post on this, but I'm having trouble following some of the previously posted solutions.
I'd like to use the AnyGantt Project chart but dynamically build the <project_chart> <tasks> tags so that I can leverage some of the additional feature of AnyGantt such as connectors etc, and generally control the display a little more.  I've read a few posts about max 32 byte issues, however i thought i'd take tiny steps and see if i can build a simple output with 2 rows initially to ensure i can get Apex building the chart dynamically.
I've followed the post Dynamic custom XML in resource gantt and found this extremely helpful, especially the links to the demo site Hilary has created http://apex.oracle.com/pls/apex/f?p=36648:60
I've used this example to build my PL/SQL block which dynamically builds tags for me and I've tested this in SQL Developer and i know I'm getting the following tags :
<project_chart>
  <tasks>
    <task id="161" name="Prep" actual_start="2013.01.01" actual_end="2013.01.07" />
    <task id="162" name="Workshop" actual_start="2013.01.07" actual_end="2013.01.14" />
  </tasks>
</project_chart>
I understand the section in this example that explains how to replace the #DATA# string in the Custom XML region of the chart with a page item of &P23_DATA for example (P23_DATA is defined as a hidden item in the chart region), i've defined my PL/SQL block as an Application Process.....
.....however I'm having trouble understanding how this now links all together, in the example from Hilary the following steps are mentioned but i'm confused exactly where in my page is define them :
3. Edit the Chart Page to include the following JavaScript function, calling the On Demand process:
function getdata() {
var get = new htmldb_Get(null,$x('pFlowId').value,'APPLICATION_PROCESS=CHART_DATA',0);
gReturn = get.get('XML');
get = null;
and finally
8. To call the JavaScript function and ensure asychronous updates are
picked up, the region source has been updated to replace #CHART_REFRESH# with
the following:
<script type="text/javascript" language="javascript">
var chartName = '#CHART_NAME#';
chartName = chartName.substring(1);
getdata();
function chart_r#CHART_NAME#_InitRefresh(pNow) {
  setTimeout("chart_r#CHART_NAME#_InitRefresh(true)",10000);
  if (pNow){apex_RefreshFlashChart (60, chartName, 'en-us');
  getdata();}
apex_SWFFormFix('#CHART_NAME#');
addLoadEvent(chart_r#CHART_NAME#_InitRefresh(false))
</script>
Thanks in advance guys
Glen

Answer 1

So I've managed to take a small step forward....and realised my last effort with using collections was a little bit of a waste of time.
I've gone back to reading the details posted by Hilary in Dynamic custom XML in resource gantt and using the sample pages supplied in the link http://apex.oracle.com/pls/apex/f?p=36648:60
Anyway I've managed to get my page to render an AnyGantt Gantt Project using the dynamic XML I've generated via PL/SQL, this is nice as I've been able to now build XML that allows me to take advantage of the <connectors> tag to links tasks together via a hierarchy of prerequisites.
Here is what I've done to date by using the examples supplied by Hilary.
Under 'Shared Components' and 'Logic' i have created an 'Application Processes' called CHART_DATA which holds the PL/SQL code that will generate my XML from the <project_chart> tag down. (Thanks Hilary for the code)
I then created a new page using the chart region and used my original SELECT statement.
Once the page was created, i added a Hidden Page Item to the Gantt region which was defined as P23_DATA.
I then added a 'AJAX Callbacks' under the 'Page Processing' section, this was defined as a 'Run on Demand Process', called CHART_DATA and pointed to the application process previously created called CHART_DATA.
I opened the Gantt region for editing and within the 'Chart Attributes' i selected to delete the Series that the wizard had previous defined when creating the Gantt originally.
Under the 'Chart XML' section is changed the 'Use Custom XML' to 'Yes' and edited the 'Custom XML' region, again by using the examples supplied by Hilary i removed the #DATA# and replaced it with my new hidden page item &P23_DATA. (please note the syntax includes an ampersand and a period at the end of the item name)
Now for the bit that i don't really understand....
Back to the main edit page screen, under the 'Page Rendering' section choose to edit the actual page and under the section 'JavaScript' there is a section labelled 'Function and Global Variable Declaration' which i sort of understand as a section to hold custom JavaScript code for function etc.  I added the function previously supplied by Hilary
function getdata() {
var get = new htmldb_Get(null,$x('pFlowId').value,'APPLICATION_PROCESS=CHART_DATA',0);
gReturn = get.get('XML');
get = null;
Under the section beneath this labelled 'Execute when Page Loads', i supplied add a call to the above mentioned function.
getdata();
So this kind of works for me at the moment, however when the data changes in the base table which holds the tasks i need to close the page and reload multiple times for the data to be refreshed.  This is the section in the example from Hilary i'm still having a little trouble with, the example page Hilary supplied mentioned the following :
8. To call the JavaScript function and ensure asychronous updates are
picked up, the region source has been updated to replace #CHART_REFRESH# with
the following:
<script type="text/javascript" language="javascript">
var chartName = '#CHART_NAME#';
chartName = chartName.substring(1);
getdata();
function chart_r#CHART_NAME#_InitRefresh(pNow) {
  setTimeout("chart_r#CHART_NAME#_InitRefresh(true)",10000);
  if (pNow){apex_RefreshFlashChart (60, chartName, 'en-us');
  getdata();}
apex_SWFFormFix('#CHART_NAME#');
addLoadEvent(chart_r#CHART_NAME#_InitRefresh(false))
</script>
However i can't actually find on my page where this might live, i'm guessing somewhere in the Gantt region itself however maybe the pages have changed since Hilary originally wrote this.
Thanks
Glen