Loading ...
Sorry, an error occurred while loading the content.
 

YUI Progress bar

Expand Messages
  • raminsiach
    Hi all, Does Yahoo have Progress bar control like this http://www.webappers.com/progressBar/ which can be updated priodically and can sense the progress of
    Message 1 of 15 , Aug 11, 2008
      Hi all,
      Does Yahoo have Progress bar control like this
      http://www.webappers.com/progressBar/
      which can be updated priodically and can sense the progress of any
      event ?!
      Regards,
    • Satyam
      It took me a while, but here is a YUI based Progress Bar, I hope you like it: http://satyam.com.ar/yui/#progressbar Satyam
      Message 2 of 15 , Aug 13, 2008
        It took me a while, but here is a YUI based Progress Bar, I hope you
        like it:

        http://satyam.com.ar/yui/#progressbar

        Satyam


        raminsiach wrote:
        > Hi all,
        > Does Yahoo have Progress bar control like this
        > http://www.webappers.com/progressBar/
        > which can be updated priodically and can sense the progress of any
        > event ?!
        > Regards,
        >
        >
        >
        > ------------------------------------
        >
        > Yahoo! Groups Links
        >
        >
        >
        >
        > No virus found in this incoming message.
        > Checked by AVG - http://www.avg.com
        > Version: 8.0.138 / Virus Database: 270.6.0/1602 - Release Date: 09/08/2008 13:22
        >
        >
        >
        >
      • Hussain Ahmad
        Hi Satyam, I am trying to integrate YUI treeview wth datatable in my aplication. I have visited your blog and found a very usefull example which is in the
        Message 3 of 15 , Aug 13, 2008
          Hi Satyam,

           I am trying to integrate YUI treeview wth datatable in my aplication. I have visited your blog and found a very usefull example which is in the following link http://satyam.com.ar/yui/2.5.0/TreeAndTable.html . I would be really gratefull if you give the source code of this example as I believe this will help me a lot.

          Thanks for your cooperation.

          Hussain

          ----- Original Message ----
          From: Satyam <satyam@...>
          To: ydn-javascript@yahoogroups.com
          Sent: Wednesday, August 13, 2008 12:16:54 PM
          Subject: Re: [ydn-javascript] YUI Progress bar

          It took me a while, but here is a YUI based Progress Bar, I hope you
          like it:

          http://satyam. com.ar/yui/ #progressbar

          Satyam

          raminsiach wrote:

          > Hi all,
          > Does Yahoo have Progress bar control like this
          > http://www.webapper s.com/progressBa r/
          > which can be updated priodically and can sense the progress of any
          > event ?!
          > Regards,
          >
          >
          >
          > ------------ --------- --------- ------
          >
          > Yahoo! Groups Links
          >
          >
          >
          >
          > No virus found in this incoming message.
          > Checked by AVG - http://www.avg. com
          > Version: 8.0.138 / Virus Database: 270.6.0/1602 - Release Date: 09/08/2008 13:22
          >
          >
          >
          >


        • Satyam
          The code is there, in the page itself, there is nothing else beyond the page that you need to have.
          Message 4 of 15 , Aug 13, 2008
            The code is there, in the page itself, there is nothing else beyond the
            page that you need to have.

            Hussain Ahmad wrote:
            > Hi Satyam,
            >
            > I am trying to integrate YUI treeview wth datatable in my aplication.
            > I have visited your blog and found a very usefull example which is in
            > the following link http://satyam.com.ar/yui/2.5.0/TreeAndTable.html .
            > I would be really gratefull if you give the source code of this
            > example as I believe this will help me a lot.
            >
            > Thanks for your cooperation.
            >
            > Hussain
            >
            > ----- Original Message ----
            > From: Satyam <satyam@...>
            > To: ydn-javascript@yahoogroups.com
            > Sent: Wednesday, August 13, 2008 12:16:54 PM
            > Subject: Re: [ydn-javascript] YUI Progress bar
            >
            > It took me a while, but here is a YUI based Progress Bar, I hope you
            > like it:
            >
            > http://satyam. com.ar/yui/ #progressbar
            > <http://satyam.com.ar/yui/#progressbar>
            >
            > Satyam
            >
            > raminsiach wrote:
            > > Hi all,
            > > Does Yahoo <http://www.yahoo.com/> have Progress bar control like this
            > > http://www.webapper s.com/progressBa r/
            > <http://www.webappers.com/progressBar/>
            > > which can be updated priodically and can sense the progress of any
            > > event ?!
            > > Regards,
            > >
            > >
            > >
            > > ------------ --------- --------- ------
            > >
            > > Yahoo! Groups <http://groups.yahoo.com/> Links
            > >
            > >
            > >
            > >
            > > No virus found in this incoming message.
            > > Checked by AVG - http://www.avg. com <http://www.avg.com>
            > > Version: 8.0.138 / Virus Database: 270.6.0/1602 - Release Date:
            > 09/08/2008 13:22
            > >
            > >
            > >
            > >
            >
            >
            >
            > No virus found in this incoming message.
            > Checked by AVG - http://www.avg.com
            > Version: 8.0.138 / Virus Database: 270.6.1/1607 - Release Date: 12/08/2008 7:19
            >
          • Frank Dietrich
            nice :-D *********** REPLY SEPARATOR ***********
            Message 5 of 15 , Aug 13, 2008
              nice :-D

              *********** REPLY SEPARATOR ***********

              On 13.08.08 at 13:16 Satyam wrote:

              >It took me a while, but here is a YUI based Progress Bar, I hope you
              >like it:
              >
              >http://satyam.com.ar/yui/#progressbar
              >
              >Satyam
              >
              >
              >raminsiach wrote:
              >> Hi all,
              >> Does Yahoo have Progress bar control like this
              >> http://www.webappers.com/progressBar/
              >> which can be updated priodically and can sense the progress of any
              >> event ?!
              >> Regards,
              >>
              >>
              >>
              >> ------------------------------------
              >>
              >> Yahoo! Groups Links
              >>
              >>
              >>
              >>
              >> No virus found in this incoming message.
              >> Checked by AVG - http://www.avg.com
              >> Version: 8.0.138 / Virus Database: 270.6.0/1602 - Release Date:
              >09/08/2008 13:22
              >>
              >>
              >>
              >>
              >
              >------------------------------------
              >
              >Yahoo! Groups Links
              >
              >
              >
            • Satyam
              Thanks, I ve already improved the example and added a little to the comments to show some other features. I tested it with IE and FF and works fin. It doesn t
              Message 6 of 15 , Aug 13, 2008
                Thanks, I've already improved the example and added a little to the
                comments to show some other features.

                I tested it with IE and FF and works fin. It doesn't work with Safari,
                and I really don't have tools to test it. I don't have Opera. If
                anyone wants to try it and can give me a clue of what is missing in
                Safari, that would be great.

                Also, the graphics are pathetic, I'm sure that with better graphical
                tools and, above all, some good eye for aesthetics (which I lack) they
                would look better.

                Satyam


                Frank Dietrich wrote:
                > nice :-D
                >
                > *********** REPLY SEPARATOR ***********
                >
                > On 13.08.08 at 13:16 Satyam wrote:
                >
                >
                >> It took me a while, but here is a YUI based Progress Bar, I hope you
                >> like it:
                >>
                >> http://satyam.com.ar/yui/#progressbar
                >>
                >> Satyam
                >>
                >>
                >> raminsiach wrote:
                >>
                >>> Hi all,
                >>> Does Yahoo have Progress bar control like this
                >>> http://www.webappers.com/progressBar/
                >>> which can be updated priodically and can sense the progress of any
                >>> event ?!
                >>> Regards,
                >>>
                >>>
                >>>
                >>> ------------------------------------
                >>>
                >>> Yahoo! Groups Links
                >>>
                >>>
                >>>
                >>>
                >>> No virus found in this incoming message.
                >>> Checked by AVG - http://www.avg.com
                >>> Version: 8.0.138 / Virus Database: 270.6.0/1602 - Release Date:
                >>>
                >> 09/08/2008 13:22
                >>
                >>>
                >>>
                >>>
                >> ------------------------------------
                >>
                >> Yahoo! Groups Links
                >>
                >>
                >>
                >>
                >
                >
                >
                > ------------------------------------
                >
                > Yahoo! Groups Links
                >
                >
                >
                >
                > No virus found in this incoming message.
                > Checked by AVG - http://www.avg.com
                > Version: 8.0.138 / Virus Database: 270.6.1/1607 - Release Date: 12/08/2008 7:19
                >
                >
                >
                >
              • Hussain Ahmad
                Hi Satyam, As I mentioned yesterday that I want to integrate treeview with datatable and I have found the related example in your blog http://satyam.
                Message 7 of 15 , Aug 14, 2008
                  Hi Satyam,

                  As I mentioned yesterday that I want to integrate treeview with datatable and I have found the related example in your blog http://satyam. com.ar/yui/ 2.5.0/TreeAndTab le.html  useful. My case is different in the sense that my tree has some basic node and the child node will be dynamically added via XHR data. As a result I followed the YUI example of dynamic tree  for my tree part and followed the example  of your blog for the data-table  part. But I'm facing some problems. When I click on any node of the tree, the node gets the children dynamically via XHR data and add them but the datatable is not been created like your example.  In firebug I get a message 'D is undefined'. I try to find out the error and put alert messages. It seems like when I click the node, it added the children and calls the function which should draw the table. But the line which I marked with red color never gets executed and any alert efore this marked line shows message but alert after the marked line gets ignored. Now, I am wondering if it is a bug in YUI or if I'm doing something wrong? My javascript code are given below. I would be really gratefull to you if you kindly examine the code and see if it's a bug in YUI? I would really appreciate if you could please test the code in your system.

                  function treeInit() {
                                    
                                     var tree = new YAHOO.widget.TreeView("tree");
                                     tree.setDynamicLoad(loadDataForNode);
                                   
                                     var root = tree.getRoot();
                                   
                                     var myobj = { label: "Process", id:"Process" } ;
                                     var Process = new YAHOO.widget.TextNode(myobj, root, false);
                                   
                                     myobj = { label: "Activity", id:"Activity" } ;
                                     var Activity = new YAHOO.widget.TextNode(myobj, root, false);
                                   
                                     myobj = { label: "Process Instance", id:"ProcessInstance" } ;
                                     var ProcessInstance = new YAHOO.widget.TextNode(myobj, root, false);
                                    
                                     myobj = { label: "Activity Instance", id:"ActivityInstance" } ;
                                     var ActivityInstance = new YAHOO.widget.TextNode(myobj, root, false);
                                   
                                     tree.draw();
                                    
                                    // tree.subscribe('labelClick',function (node) {
                                          //drawTable(node.getLabelEl(),node.data.key);
                                          //myTable();
                                     //});
                                    
                              }
                             
                              function loadDataForNode(node, onCompleteCallback) {
                                     
                                      var id= node.data.id;
                                      if(id=="ActivityInstance")
                                          url = "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x (instance-of ?x #_COBRA:ActivityInstance))");
                                      else if (id=="ProcessInstance")
                                          url = "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x (instance-of ?x #_COBRA:ProcessInstance))");
                                      else if (id="Activity")
                                          url = "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x (instance-of ?x #_COBRA:Activity))");
                                      else
                                          url = "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x (instance-of ?x #_COBRA:Process))");
                                      YAHOO.util.Connect.asyncRequest('GET', url,{
                                          success: function(o){
                                             
                                              try {
                                                  var messages = YAHOO.lang.JSON.parse(o.responseText);
                                                 
                                              }
                                              catch (x) {
                                                  alert("JSON Parse failed!");
                                                  return;
                                              }
                                             
                                              //drawTable(node.getLabelEl(),node.data.key);
                                              len = messages.length;
                                              for (var i = 0; i < len; i++) {
                                                  var m = messages[i];
                                                  var tempNode = new YAHOO.widget.TextNode({label:m.result[0].value,id:m.result[0].value}, node, false);
                                                  tempNode.isLeaf = true;
                                                 
                                              }
                                              //drawTable(node.getLabelEl(),node.data.key);
                                              //myTable();
                                              o.argument.onCompleteCallback();
                                              drawTable(node.getLabelEl(),node.data.key);
                                              //myTable();
                                          },
                                          failure: function(o) {
                                             
                                              o.argument.onCompleteCallback();
                                          },
                                          argument: {
                                          "node": node,
                                          "onCompleteCallback": onCompleteCallback
                                          },
                                          timeout: 7000
                                      });
                                  }
                                 
                                  function drawTable(where,key){
                                      
                                       var data={
                                              "name":"http://www.ip-super.org/ontologies/execution-history#instant5953524",
                                              "homeOntology":"EXECUTION-HISTORY",
                                              "class":"TIME:TimeInstant",
                                              "documentation":null,
                                              "slots":[
                                                  {"name":"TIME:yearOf","values":["2008"]},
                                                  {"name":"TIME:monthOf","values":["5"]},
                                                  {"name":"TIME:dayOf","values":["12"]},
                                                  {"name":"TIME:hourOf","values":["10"]},
                                                  {"name":"TIME:minuteOf","values":["46"]},
                                                  {"name":"TIME:secondOf","values":["56"]},
                                                  {"name":"TIME:millisecondOf","values":["951"]},
                                                  {"name":"TIME:microsecondOf","values":["0"]},
                                                  {"name":"HAS-PRETTY-NAME","values":[]}
                                              ]
                                      }
                                       var myColumnDefs = [
                                          {key:"values",sortable:true,label:"Value"}
                                         
                                       ];
                                        
                                       myDataSource = new YAHOO.util.DataSource(data);
                                       myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
                                       myDataSource.responseSchema = {
                                          resultsList:"slots",
                                          fields: [
                                              {key: "values" }
                                          ]
                                       };
                                     
                                       
                                       where = where.parentNode;
                                       YAHOO.util.Event.purgeElement(where,true);
                                       where.innerHTML = where.firstChild.innerHTML;
                                       alert("I'm here!");
                                       var myDataTable = new YAHOO.widget.DataTable(where.appendChild(document.createElement('div')), myColumnDefs, myDataSource);
                                       alert("This alert never gets called");
                                  }   
                                 
                  // My own function without any parameter and here, I tried to draw the table in a predefined 'DIV' element.
                                  function myTable(){
                                      var data={
                                              "name":"http://www.ip-super.org/ontologies/execution-history#instant5953524",
                                              "homeOntology":"EXECUTION-HISTORY",
                                              "class":"TIME:TimeInstant",
                                              "documentation":null,
                                              "slots":[
                                                  {"name":"TIME:yearOf","values":["2008"]},
                                                  {"name":"TIME:monthOf","values":["5"]},
                                                  {"name":"TIME:dayOf","values":["12"]},
                                                  {"name":"TIME:hourOf","values":["10"]},
                                                  {"name":"TIME:minuteOf","values":["46"]},
                                                  {"name":"TIME:secondOf","values":["56"]},
                                                  {"name":"TIME:millisecondOf","values":["951"]},
                                                  {"name":"TIME:microsecondOf","values":["0"]},
                                                  {"name":"HAS-PRETTY-NAME","values":[]}
                                              ]
                                      }
                                       var myColumnDefs = [
                                          {key:"values",sortable:true,label:"Value"}
                                         
                                       ];
                                        
                                       myDataSource = new YAHOO.util.DataSource(data);
                                       myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
                                       myDataSource.responseSchema = {
                                          resultsList:"slots",
                                          fields: [
                                              {key: "values" }
                                          ]
                                       };
                                     
                                       alert("I'm here!");
                                       var myDataTable = new YAHOO.widget.DataTable("table", myColumnDefs, myDataSource);
                                       alert("This alert never gets called");
                                  } 

                  your cooperation is highly appreciated.

                  Thanks,
                  Hussain

                  ----- Original Message ----
                  From: Satyam <satyam@...>
                  To: ydn-javascript@yahoogroups.com
                  Sent: Wednesday, August 13, 2008 2:06:10 PM
                  Subject: Re: [ydn-javascript] YUI Progress bar

                  The code is there, in the page itself, there is nothing else beyond the
                  page that you need to have.

                  Hussain Ahmad wrote:

                  > Hi Satyam,
                  >
                  > I am trying to integrate YUI treeview wth datatable in my aplication.
                  > I have visited your blog and found a very usefull example which is in
                  > the following link http://satyam. com.ar/yui/ 2.5.0/TreeAndTab le.html .
                  > I would be really gratefull if you give the source code of this
                  > example as I believe this will help me a lot.
                  >
                  > Thanks for your cooperation.
                  >
                  > Hussain
                  >
                  > ----- Original Message ----
                  > From: Satyam <satyam@satyam. com.ar>
                  > To: ydn-javascript@ yahoogroups. com
                  > Sent: Wednesday, August 13, 2008 12:16:54 PM
                  > Subject: Re: [ydn-javascript] YUI Progress bar
                  >
                  > It took me a while, but here is a YUI based Progress Bar, I hope you
                  > like it:
                  >
                  > http://satyam. com.ar/yui/ #progressbar
                  > <http://satyam. com.ar/yui/ #progressbar>
                  >
                  > Satyam
                  >
                  > raminsiach wrote:
                  > > Hi all,
                  > > Does Yahoo <http://www.yahoo. com/> have Progress bar control like this
                  > > http://www.webapper s.com/progressBa r/
                  > <http://www.webapper s.com/progressBa r/>
                  > > which can be updated priodically and can sense the progress of any
                  > > event ?!
                  > > Regards,
                  > >
                  > >
                  > >
                  > > ------------ --------- --------- ------
                  > >
                  > > Yahoo! Groups <http://groups. yahoo.com/> Links
                  > >
                  > >
                  > >
                  > >
                  > > No virus found in this incoming message.
                  > > Checked by AVG - http://www.avg. com <http://www.avg. com>
                  > > Version: 8.0.138 / Virus Database: 270.6.0/1602 - Release Date:
                  > 09/08/2008 13:22
                  > >
                  > >
                  > >
                  > >
                  >
                  >
                  >
                  > No virus found in this incoming message.
                  > Checked by AVG - http://www.avg. com
                  > Version: 8.0.138 / Virus Database: 270.6.1/1607 - Release Date: 12/08/2008 7:19
                  >


                • Satyam
                  Please change the subject line if you go any further with this subject, it is missleading. I m not changing it so don t loose the thread. Why don t you use a
                  Message 8 of 15 , Aug 14, 2008
                    Please change the subject line if you go any further with this subject,
                    it is missleading. I'm not changing it so don't loose the thread.

                    Why don't you use a tabview instead of a tree? If you have just four
                    items in the tree, it really isn't worth the trouble.

                    See:

                    http://satyam.com.ar/yui/2.5.0/TableWithDetails.html

                    It is of no use quoting error message from minimized files, such as 'D
                    is undefined'. When you want to learn about any such messages, load the
                    raw or debug versions, otherwise, the variable names are all messed up
                    (reduced to a one or two letter name) and nobody can make any sense of them.

                    Satyam


                    Hussain Ahmad wrote:
                    > Hi Satyam,
                    >
                    > As I mentioned yesterday that I want to integrate treeview with
                    > datatable and I have found the related example in your blog
                    > http://satyam. com.ar/yui/ 2.5.0/TreeAndTab le.html
                    > <http://satyam.com.ar/yui/2.5.0/TreeAndTable.html> useful. My case is
                    > different in the sense that my tree has some basic node and the child
                    > node will be dynamically added via XHR data. As a result I followed
                    > the YUI example of dynamic tree for my tree part and followed the
                    > example of your blog for the data-table part. But I'm facing some
                    > problems. When I click on any node of the tree, the node gets the
                    > children dynamically via XHR data and add them but the datatable is
                    > not been created like your example. In firebug I get a message 'D is
                    > undefined'. I try to find out the error and put alert messages. It
                    > seems like when I click the node, it added the children and calls the
                    > function which should draw the table. But the line which I marked with
                    > red color never gets executed and any alert efore this marked line
                    > shows message but alert after the marked line gets ignored. Now, I am
                    > wondering if it is a bug in YUI or if I'm doing something wrong? My
                    > javascript code are given below. I would be really gratefull to you if
                    > you kindly examine the code and see if it's a bug in YUI? I would
                    > really appreciate if you could please test the code in your system.
                    >
                    > function treeInit() {
                    >
                    > var tree = new YAHOO.widget.TreeView("tree");
                    > tree.setDynamicLoad(loadDataForNode);
                    >
                    > var root = tree.getRoot();
                    >
                    > var myobj = { label: "Process", id:"Process" } ;
                    > var Process = new YAHOO.widget.TextNode(myobj,
                    > root, false);
                    >
                    > myobj = { label: "Activity", id:"Activity" } ;
                    > var Activity = new YAHOO.widget.TextNode(myobj,
                    > root, false);
                    >
                    > myobj = { label: "Process Instance",
                    > id:"ProcessInstance" } ;
                    > var ProcessInstance = new
                    > YAHOO.widget.TextNode(myobj, root, false);
                    >
                    > myobj = { label: "Activity Instance",
                    > id:"ActivityInstance" } ;
                    > var ActivityInstance = new
                    > YAHOO.widget.TextNode(myobj, root, false);
                    >
                    > tree.draw();
                    >
                    > // tree.subscribe('labelClick',function (node) {
                    > //drawTable(node.getLabelEl(),node.data.key);
                    > //myTable();
                    > //});
                    >
                    > }
                    >
                    > function loadDataForNode(node, onCompleteCallback) {
                    >
                    > var id= node.data.id;
                    > if(id=="ActivityInstance")
                    > url =
                    > "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x
                    > (instance-of ?x #_COBRA:ActivityInstance))");
                    > else if (id=="ProcessInstance")
                    > url =
                    > "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x
                    > (instance-of ?x #_COBRA:ProcessInstance))");
                    > else if (id="Activity")
                    > url =
                    > "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x
                    > (instance-of ?x #_COBRA:Activity))");
                    > else
                    > url =
                    > "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x
                    > (instance-of ?x #_COBRA:Process))");
                    > YAHOO.util.Connect.asyncRequest('GET', url,{
                    > success: function(o){
                    >
                    > try {
                    > var messages =
                    > YAHOO.lang.JSON.parse(o.responseText);
                    >
                    > }
                    > catch (x) {
                    > alert("JSON Parse failed!");
                    > return;
                    > }
                    >
                    > //drawTable(node.getLabelEl(),node.data.key);
                    > len = messages.length;
                    > for (var i = 0; i < len; i++) {
                    > var m = messages[i];
                    > var tempNode = new
                    > YAHOO.widget.TextNode({label:m.result[0].value,id:m.result[0].value},
                    > node, false);
                    > tempNode.isLeaf = true;
                    >
                    > }
                    > //drawTable(node.getLabelEl(),node.data.key);
                    > //myTable();
                    > o.argument.onCompleteCallback();
                    > drawTable(node.getLabelEl(),node.data.key);
                    > //myTable();
                    > },
                    > failure: function(o) {
                    >
                    > o.argument.onCompleteCallback();
                    > },
                    > argument: {
                    > "node": node,
                    > "onCompleteCallback": onCompleteCallback
                    > },
                    > timeout: 7000
                    > });
                    > }
                    >
                    > function drawTable(where,key){
                    >
                    > var data={
                    >
                    > "name":"http://www.ip-super.org/ontologies/execution-history#instant5953524",
                    > "homeOntology":"EXECUTION-HISTORY",
                    > "class":"TIME:TimeInstant",
                    > "documentation":null,
                    > "slots":[
                    > {"name":"TIME:yearOf","values":["2008"]},
                    > {"name":"TIME:monthOf","values":["5"]},
                    > {"name":"TIME:dayOf","values":["12"]},
                    > {"name":"TIME:hourOf","values":["10"]},
                    > {"name":"TIME:minuteOf","values":["46"]},
                    > {"name":"TIME:secondOf","values":["56"]},
                    >
                    > {"name":"TIME:millisecondOf","values":["951"]},
                    >
                    > {"name":"TIME:microsecondOf","values":["0"]},
                    > {"name":"HAS-PRETTY-NAME","values":[]}
                    > ]
                    > }
                    > var myColumnDefs = [
                    > {key:"values",sortable:true,label:"Value"}
                    >
                    > ];
                    >
                    > myDataSource = new YAHOO.util.DataSource(data);
                    > myDataSource.responseType =
                    > YAHOO.util.DataSource.TYPE_JSON;
                    > myDataSource.responseSchema = {
                    > resultsList:"slots",
                    > fields: [
                    > {key: "values" }
                    > ]
                    > };
                    >
                    >
                    > where = where.parentNode;
                    > YAHOO.util.Event.purgeElement(where,true);
                    > where.innerHTML = where.firstChild.innerHTML;
                    > alert("I'm here!");
                    > var myDataTable = new
                    > YAHOO.widget.DataTable(where.appendChild(document.createElement('div')),
                    > myColumnDefs, myDataSource);
                    > alert("This alert never gets called");
                    > }
                    >
                    > // My own function without any parameter and here, I tried to draw the
                    > table in a predefined 'DIV' element.
                    > function myTable(){
                    > var data={
                    >
                    > "name":"http://www.ip-super.org/ontologies/execution-history#instant5953524",
                    > "homeOntology":"EXECUTION-HISTORY",
                    > "class":"TIME:TimeInstant",
                    > "documentation":null,
                    > "slots":[
                    > {"name":"TIME:yearOf","values":["2008"]},
                    > {"name":"TIME:monthOf","values":["5"]},
                    > {"name":"TIME:dayOf","values":["12"]},
                    > {"name":"TIME:hourOf","values":["10"]},
                    > {"name":"TIME:minuteOf","values":["46"]},
                    > {"name":"TIME:secondOf","values":["56"]},
                    >
                    > {"name":"TIME:millisecondOf","values":["951"]},
                    >
                    > {"name":"TIME:microsecondOf","values":["0"]},
                    > {"name":"HAS-PRETTY-NAME","values":[]}
                    > ]
                    > }
                    > var myColumnDefs = [
                    > {key:"values",sortable:true,label:"Value"}
                    >
                    > ];
                    >
                    > myDataSource = new YAHOO.util.DataSource(data);
                    > myDataSource.responseType =
                    > YAHOO.util.DataSource.TYPE_JSON;
                    > myDataSource.responseSchema = {
                    > resultsList:"slots",
                    > fields: [
                    > {key: "values" }
                    > ]
                    > };
                    >
                    > alert("I'm here!");
                    > var myDataTable = new
                    > YAHOO.widget.DataTable("table", myColumnDefs, myDataSource);
                    > alert("This alert never gets called");
                    > }
                    >
                    > your cooperation is highly appreciated.
                    >
                    > Thanks,
                    > Hussain
                    >
                    > ----- Original Message ----
                    > From: Satyam <satyam@...>
                    > To: ydn-javascript@yahoogroups.com
                    > Sent: Wednesday, August 13, 2008 2:06:10 PM
                    > Subject: Re: [ydn-javascript] YUI Progress bar
                    >
                    > The code is there, in the page itself, there is nothing else beyond the
                    > page that you need to have.
                    >
                    > Hussain Ahmad wrote:
                    > > Hi Satyam,
                    > >
                    > > I am trying to integrate YUI treeview wth datatable in my aplication.
                    > > I have visited your blog and found a very usefull example which is in
                    > > the following link http://satyam. com.ar/yui/ 2.5.0/TreeAndTab
                    > le.html <http://satyam.com.ar/yui/2.5.0/TreeAndTable.html> .
                    > > I would be really gratefull if you give the source code of this
                    > > example as I believe this will help me a lot.
                    > >
                    > > Thanks for your cooperation.
                    > >
                    > > Hussain
                    > >
                    > > ----- Original Message ----
                    > > From: Satyam <satyam@satyam. com.ar <mailto:satyam%40satyam.com.ar>>
                    > > To: ydn-javascript@ yahoogroups. com
                    > <mailto:ydn-javascript%40yahoogroups.com>
                    > > Sent: Wednesday, August 13, 2008 12:16:54 PM
                    > > Subject: Re: [ydn-javascript] YUI Progress bar
                    > >
                    > > It took me a while, but here is a YUI based Progress Bar, I hope you
                    > > like it:
                    > >
                    > > http://satyam. com.ar/yui/ <http://com.ar/yui/> #progressbar
                    > > <http://satyam. com.ar/yui/ #progressbar
                    > <http://satyam.com.ar/yui/#progressbar>>
                    > >
                    > > Satyam
                    > >
                    > > raminsiach wrote:
                    > > > Hi all,
                    > > > Does Yahoo <http://www.yahoo.com/> <http://www.yahoo. com/
                    > <http://www.yahoo.com/>> have Progress bar control like this
                    > > > http://www.webapper s.com/progressBa <http://s.com/progressBa> r/
                    > > <http://www.webapper s.com/progressBa r/
                    > <http://www.webappers.com/progressBar/>>
                    > > > which can be updated priodically and can sense the progress of any
                    > > > event ?!
                    > > > Regards,
                    > > >
                    > > >
                    > > >
                    > > > ------------ --------- --------- ------
                    > > >
                    > > > Yahoo! Groups <http://groups.yahoo.com/> <http://groups.
                    > yahoo.com/ <http://groups.yahoo.com/>> Links
                    > > >
                    > > >
                    > > >
                    > > >
                    > > > No virus found in this incoming message.
                    > > > Checked by AVG - http://www.avg. com <http://www.avg. com
                    > <http://www.avg.com>>
                    > > > Version: 8.0.138 / Virus Database: 270.6.0/1602 - Release Date:
                    > > 09/08/2008 13:22
                    > > >
                    > > >
                    > > >
                    > > >
                    > >
                    > >
                    > >
                    > > No virus found in this incoming message.
                    > > Checked by AVG - http://www.avg. com <http://www.avg.com>
                    > > Version: 8.0.138 / Virus Database: 270.6.1/1607 - Release Date:
                    > 12/08/2008 7:19
                    > >
                    >
                    >
                    >
                    > No virus found in this incoming message.
                    > Checked by AVG - http://www.avg.com
                    > Version: 8.0.138 / Virus Database: 270.6.2/1609 - Release Date: 13/08/2008 6:43
                    >
                  • info2hussain
                    Hi Satyam, I have changed the subject of the thread now as you suggested. Well, tabView is not a viable option because it is not only about four items. The
                    Message 9 of 15 , Aug 14, 2008
                      Hi Satyam,

                      I have changed the subject of the thread now as you suggested.

                      Well, tabView is not a viable option because it is not only about four
                      items. The thing I'm trying to do has some similarity with your blog's
                      example. Difference is that you have no predefined node for the tree
                      and you create the whole tree with a random number generator and stops
                      adding children after a certain time but in my case I have four default
                      node and I want to create more children under those four default node
                      with XHR data.

                      The idea here is that when the browser will load initially, a tree will
                      appear on the left side of the browser (I declared the container DIV
                      element called 'tree' in HTML) with four default nodes as mentioned
                      earlier. Now, when some one will click any of these nodes in the tree,
                      the clicked node will be dynamically populated with more children and
                      the data will be coming via XHR. Also, after the node is populated with
                      children, a datatable should be drawn on the right side of the browser
                      (I declared the container DIV element called 'table' to hold the Data
                      Table in HTML).

                      Now, with my code which I wrote by following the YUI example and your
                      blog example, I can see the tree with four nodes when the browser
                      initially gets loaded. Also, when I click any of these four nodes, the
                      XHR call also return the proper data and append the XHR data as the
                      children of the clicked node. But, problem is that the data table is
                      never drawn in the browser as it is the case in your blog example. I
                      will be really grateful to you if you can please try the example of your
                      own (may be using a different url which will provide you with your own
                      XHR data) and see if there's any bug in YUI? I have pasted my whole code
                      including the html below:

                      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
                      <html>
                      <head>
                      <meta http-equiv="Content-Type" content="text/html;
                      charset=iso-8859-1" />
                      <title>Untitled Document</title>
                      <!-- Required CSS -->
                      <link type="text/css" rel="stylesheet"
                      href="http://yui.yahooapis.com/2.5.2/build/datatable/assets/skins/sam/da\
                      tatable.css">
                      <link type="text/css" rel="stylesheet"
                      href="http://yui.yahooapis.com/2.5.2/build/treeview/assets/skins/sam/tre\
                      eview.css">

                      <!-- Dependency source files -->
                      <script type="text/javascript"
                      src="http://yui.yahooapis.com/2.5.2/build/yahoo/yahoo-min.js" ></script>
                      <script type="text/javascript"
                      src="http://yui.yahooapis.com/2.5.2/build/event/event-min.js" ></script>
                      <script type="text/javascript"
                      src="http://yui.yahooapis.com/2.5.2/build/connection/connection-min.js">\
                      </script>
                      <script type="text/javascript"
                      src="http://yui.yahooapis.com/2.5.2/build/element/element-beta-min.js"><\
                      /script>
                      <script type="text/javascript"
                      src="http://yui.yahooapis.com/2.5.2/build/datasource/datasource-beta-min\
                      .js"></script>
                      <script type="text/javascript"
                      src="http://yui.yahooapis.com/2.5.2/build/datatable/datatable-beta-min.j\
                      s"></script>
                      <script type="text/javascript"
                      src="http://yui.yahooapis.com/2.5.2/build/json/json-min.js"></script>
                      <!-- TreeView source file -->
                      <script type="text/javascript"
                      src="http://yui.yahooapis.com/2.5.2/build/treeview/treeview-min.js"
                      ></script>
                      <script>

                      function treeInit() {

                      var tree = new YAHOO.widget.TreeView("tree");
                      tree.setDynamicLoad(loadDataForNode);

                      var root = tree.getRoot();

                      var myobj = { label: "Process", id:"Process" } ;
                      var Process = new YAHOO.widget.TextNode(myobj, root,
                      false);

                      myobj = { label: "Activity", id:"Activity" } ;
                      var Activity = new YAHOO.widget.TextNode(myobj, root,
                      false);

                      myobj = { label: "Process Instance",
                      id:"ProcessInstance" } ;
                      var ProcessInstance = new
                      YAHOO.widget.TextNode(myobj, root, false);

                      myobj = { label: "Activity Instance",
                      id:"ActivityInstance" } ;
                      var ActivityInstance = new
                      YAHOO.widget.TextNode(myobj, root, false);

                      tree.draw();

                      // tree.subscribe('labelClick',function (node) {
                      //drawTable(node.getLabelEl(),node.data.key);
                      //myTable();
                      //});

                      }

                      function loadDataForNode(node, onCompleteCallback) {

                      var id= node.data.id;
                      if(id=="ActivityInstance")
                      url =
                      "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x
                      (instance-of ?x #_COBRA:ActivityInstance))");
                      else if (id=="ProcessInstance")
                      url =
                      "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x
                      (instance-of ?x #_COBRA:ProcessInstance))");
                      else if (id="Activity")
                      url =
                      "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x
                      (instance-of ?x #_COBRA:Activity))");
                      else
                      url =
                      "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall ?x
                      (instance-of ?x #_COBRA:Process))");
                      YAHOO.util.Connect.asyncRequest('GET', url,{
                      success: function(o){

                      try {
                      var messages =
                      YAHOO.lang.JSON.parse(o.responseText);

                      }
                      catch (x) {
                      alert("JSON Parse failed!");
                      return;
                      }


                      //drawTable(node.getLabelEl(),node.data.key);
                      len = messages.length;
                      for (var i = 0; i < len; i++) {
                      var m = messages[i];
                      var tempNode = new
                      YAHOO.widget.TextNode({label:m.result[0].value,id:m.result[0].value},
                      node, false);
                      tempNode.isLeaf = true;

                      }

                      //drawTable(node.getLabelEl(),node.data.key);
                      //myTable();
                      o.argument.onCompleteCallback();
                      drawTable(node.getLabelEl(),node.data.key);
                      //myTable();
                      },
                      failure: function(o) {

                      o.argument.onCompleteCallback();
                      },
                      argument: {
                      "node": node,
                      "onCompleteCallback": onCompleteCallback
                      },
                      timeout: 7000
                      });
                      }

                      function drawTable(where,key){

                      var data={

                      "name":"http://www.ip-super.org/ontologies/execution-history#instant5953\
                      524",
                      "homeOntology":"EXECUTION-HISTORY",
                      "class":"TIME:TimeInstant",
                      "documentation":null,
                      "slots":[

                      {"name":"TIME:yearOf","values":["2008"]},
                      {"name":"TIME:monthOf","values":["5"]},
                      {"name":"TIME:dayOf","values":["12"]},
                      {"name":"TIME:hourOf","values":["10"]},

                      {"name":"TIME:minuteOf","values":["46"]},

                      {"name":"TIME:secondOf","values":["56"]},

                      {"name":"TIME:millisecondOf","values":["951"]},

                      {"name":"TIME:microsecondOf","values":["0"]},
                      {"name":"HAS-PRETTY-NAME","values":[]}
                      ]
                      }
                      var myColumnDefs = [
                      {key:"values",sortable:true,label:"Value"}

                      ];

                      myDataSource = new YAHOO.util.DataSource(data);
                      myDataSource.responseType =
                      YAHOO.util.DataSource.TYPE_JSON;
                      myDataSource.responseSchema = {
                      resultsList:"slots",
                      fields: [
                      {key: "values" }
                      ]
                      };


                      where = where.parentNode;
                      YAHOO.util.Event.purgeElement(where,true);
                      where.innerHTML = where.firstChild.innerHTML;
                      alert("I'm here!");
                      var myDataTable = new
                      YAHOO.widget.DataTable(where.appendChild(document.createElement('div')),
                      myColumnDefs, myDataSource);
                      alert("This alert never gets called");
                      }

                      function myTable(){
                      var data={

                      "name":"http://www.ip-super.org/ontologies/execution-history#instant5953\
                      524",
                      "homeOntology":"EXECUTION-HISTORY",
                      "class":"TIME:TimeInstant",
                      "documentation":null,
                      "slots":[

                      {"name":"TIME:yearOf","values":["2008"]},
                      {"name":"TIME:monthOf","values":["5"]},
                      {"name":"TIME:dayOf","values":["12"]},
                      {"name":"TIME:hourOf","values":["10"]},

                      {"name":"TIME:minuteOf","values":["46"]},

                      {"name":"TIME:secondOf","values":["56"]},

                      {"name":"TIME:millisecondOf","values":["951"]},

                      {"name":"TIME:microsecondOf","values":["0"]},
                      {"name":"HAS-PRETTY-NAME","values":[]}
                      ]
                      }
                      var myColumnDefs = [
                      {key:"values",sortable:true,label:"Value"}

                      ];

                      myDataSource = new YAHOO.util.DataSource(data);
                      myDataSource.responseType =
                      YAHOO.util.DataSource.TYPE_JSON;
                      myDataSource.responseSchema = {
                      resultsList:"slots",
                      fields: [
                      {key: "values" }
                      ]
                      };

                      alert("I'm here!");
                      var myDataTable = new
                      YAHOO.widget.DataTable("table", myColumnDefs, myDataSource);
                      alert("This alert never gets called");
                      }

                      </script>
                      </head>
                      <body class="yui-skin-sam" onload="treeInit()">
                      <div id="tree">Tree container</div>
                      <div id="table"></div>
                      </body>
                      </html>


                      Thanks for your cooperation.

                      Hussain



                      --- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:
                      >
                      > Please change the subject line if you go any further with this
                      subject,
                      > it is missleading. I'm not changing it so don't loose the thread.
                      >
                      > Why don't you use a tabview instead of a tree? If you have just four
                      > items in the tree, it really isn't worth the trouble.
                      >
                      > See:
                      >
                      > http://satyam.com.ar/yui/2.5.0/TableWithDetails.html
                      >
                      > It is of no use quoting error message from minimized files, such as 'D
                      > is undefined'. When you want to learn about any such messages, load
                      the
                      > raw or debug versions, otherwise, the variable names are all messed up
                      > (reduced to a one or two letter name) and nobody can make any sense of
                      them.
                      >
                      > Satyam
                      >
                      >
                      > Hussain Ahmad wrote:
                      > > Hi Satyam,
                      > >
                      > > As I mentioned yesterday that I want to integrate treeview with
                      > > datatable and I have found the related example in your blog
                      > > http://satyam. com.ar/yui/ 2.5.0/TreeAndTab le.html
                      > > <http://satyam.com.ar/yui/2.5.0/TreeAndTable.html> useful. My case
                      is
                      > > different in the sense that my tree has some basic node and the
                      child
                      > > node will be dynamically added via XHR data. As a result I followed
                      > > the YUI example of dynamic tree for my tree part and followed the
                      > > example of your blog for the data-table part. But I'm facing some
                      > > problems. When I click on any node of the tree, the node gets the
                      > > children dynamically via XHR data and add them but the datatable is
                      > > not been created like your example. In firebug I get a message 'D
                      is
                      > > undefined'. I try to find out the error and put alert messages. It
                      > > seems like when I click the node, it added the children and calls
                      the
                      > > function which should draw the table. But the line which I marked
                      with
                      > > red color never gets executed and any alert efore this marked line
                      > > shows message but alert after the marked line gets ignored. Now, I
                      am
                      > > wondering if it is a bug in YUI or if I'm doing something wrong? My
                      > > javascript code are given below. I would be really gratefull to you
                      if
                      > > you kindly examine the code and see if it's a bug in YUI? I would
                      > > really appreciate if you could please test the code in your system.
                      > >
                      > > function treeInit() {
                      > >
                      > > var tree = new YAHOO.widget.TreeView("tree");
                      > > tree.setDynamicLoad(loadDataForNode);
                      > >
                      > > var root = tree.getRoot();
                      > >
                      > > var myobj = { label: "Process", id:"Process" } ;
                      > > var Process = new YAHOO.widget.TextNode(myobj,
                      > > root, false);
                      > >
                      > > myobj = { label: "Activity", id:"Activity" } ;
                      > > var Activity = new YAHOO.widget.TextNode(myobj,
                      > > root, false);
                      > >
                      > > myobj = { label: "Process Instance",
                      > > id:"ProcessInstance" } ;
                      > > var ProcessInstance = new
                      > > YAHOO.widget.TextNode(myobj, root, false);
                      > >
                      > > myobj = { label: "Activity Instance",
                      > > id:"ActivityInstance" } ;
                      > > var ActivityInstance = new
                      > > YAHOO.widget.TextNode(myobj, root, false);
                      > >
                      > > tree.draw();
                      > >
                      > > // tree.subscribe('labelClick',function (node) {
                      > >
                      //drawTable(node.getLabelEl(),node.data.key);
                      > > //myTable();
                      > > //});
                      > >
                      > > }
                      > >
                      > > function loadDataForNode(node, onCompleteCallback) {
                      > >
                      > > var id= node.data.id;
                      > > if(id=="ActivityInstance")
                      > > url =
                      > > "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall
                      ?x
                      > > (instance-of ?x #_COBRA:ActivityInstance))");
                      > > else if (id=="ProcessInstance")
                      > > url =
                      > > "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall
                      ?x
                      > > (instance-of ?x #_COBRA:ProcessInstance))");
                      > > else if (id="Activity")
                      > > url =
                      > > "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall
                      ?x
                      > > (instance-of ?x #_COBRA:Activity))");
                      > > else
                      > > url =
                      > > "/api-rest/query?f=json&o=execution-history&q=" + escape("(setofall
                      ?x
                      > > (instance-of ?x #_COBRA:Process))");
                      > > YAHOO.util.Connect.asyncRequest('GET', url,{
                      > > success: function(o){
                      > >
                      > > try {
                      > > var messages =
                      > > YAHOO.lang.JSON.parse(o.responseText);
                      > >
                      > > }
                      > > catch (x) {
                      > > alert("JSON Parse failed!");
                      > > return;
                      > > }
                      > >
                      > >
                      //drawTable(node.getLabelEl(),node.data.key);
                      > > len = messages.length;
                      > > for (var i = 0; i < len; i++) {
                      > > var m = messages[i];
                      > > var tempNode = new
                      > >
                      YAHOO.widget.TextNode({label:m.result[0].value,id:m.result[0].value},
                      > > node, false);
                      > > tempNode.isLeaf = true;
                      > >
                      > > }
                      > >
                      //drawTable(node.getLabelEl(),node.data.key);
                      > > //myTable();
                      > > o.argument.onCompleteCallback();
                      > >
                      drawTable(node.getLabelEl(),node.data.key);
                      > > //myTable();
                      > > },
                      > > failure: function(o) {
                      > >
                      > > o.argument.onCompleteCallback();
                      > > },
                      > > argument: {
                      > > "node": node,
                      > > "onCompleteCallback": onCompleteCallback
                      > > },
                      > > timeout: 7000
                      > > });
                      > > }
                      > >
                      > > function drawTable(where,key){
                      > >
                      > > var data={
                      > >
                      > >
                      "name":"http://www.ip-super.org/ontologies/execution-history#instant5953\
                      524",
                      > > "homeOntology":"EXECUTION-HISTORY",
                      > > "class":"TIME:TimeInstant",
                      > > "documentation":null,
                      > > "slots":[
                      > >
                      {"name":"TIME:yearOf","values":["2008"]},
                      > >
                      {"name":"TIME:monthOf","values":["5"]},
                      > >
                      {"name":"TIME:dayOf","values":["12"]},
                      > >
                      {"name":"TIME:hourOf","values":["10"]},
                      > >
                      {"name":"TIME:minuteOf","values":["46"]},
                      > >
                      {"name":"TIME:secondOf","values":["56"]},
                      > >
                      > > {"name":"TIME:millisecondOf","values":["951"]},
                      > >
                      > > {"name":"TIME:microsecondOf","values":["0"]},
                      > >
                      {"name":"HAS-PRETTY-NAME","values":[]}
                      > > ]
                      > > }
                      > > var myColumnDefs = [
                      > > {key:"values",sortable:true,label:"Value"}
                      > >
                      > > ];
                      > >
                      > > myDataSource = new YAHOO.util.DataSource(data);
                      > > myDataSource.responseType =
                      > > YAHOO.util.DataSource.TYPE_JSON;
                      > > myDataSource.responseSchema = {
                      > > resultsList:"slots",
                      > > fields: [
                      > > {key: "values" }
                      > > ]
                      > > };
                      > >
                      > >
                      > > where = where.parentNode;
                      > > YAHOO.util.Event.purgeElement(where,true);
                      > > where.innerHTML = where.firstChild.innerHTML;
                      > > alert("I'm here!");
                      > > var myDataTable = new
                      > >
                      YAHOO.widget.DataTable(where.appendChild(document.createElement('div')),
                      > > myColumnDefs, myDataSource);
                      > > alert("This alert never gets called");
                      > > }
                      > >
                      > > // My own function without any parameter and here, I tried to draw
                      the
                      > > table in a predefined 'DIV' element.
                      > > function myTable(){
                      > > var data={
                      > >
                      > >
                      "name":"http://www.ip-super.org/ontologies/execution-history#instant5953\
                      524",
                      > > "homeOntology":"EXECUTION-HISTORY",
                      > > "class":"TIME:TimeInstant",
                      > > "documentation":null,
                      > > "slots":[
                      > >
                      {"name":"TIME:yearOf","values":["2008"]},
                      > >
                      {"name":"TIME:monthOf","values":["5"]},
                      > >
                      {"name":"TIME:dayOf","values":["12"]},
                      > >
                      {"name":"TIME:hourOf","values":["10"]},
                      > >
                      {"name":"TIME:minuteOf","values":["46"]},
                      > >
                      {"name":"TIME:secondOf","values":["56"]},
                      > >
                      > > {"name":"TIME:millisecondOf","values":["951"]},
                      > >
                      > > {"name":"TIME:microsecondOf","values":["0"]},
                      > >
                      {"name":"HAS-PRETTY-NAME","values":[]}
                      > > ]
                      > > }
                      > > var myColumnDefs = [
                      > > {key:"values",sortable:true,label:"Value"}
                      > >
                      > > ];
                      > >
                      > > myDataSource = new YAHOO.util.DataSource(data);
                      > > myDataSource.responseType =
                      > > YAHOO.util.DataSource.TYPE_JSON;
                      > > myDataSource.responseSchema = {
                      > > resultsList:"slots",
                      > > fields: [
                      > > {key: "values" }
                      > > ]
                      > > };
                      > >
                      > > alert("I'm here!");
                      > > var myDataTable = new
                      > > YAHOO.widget.DataTable("table", myColumnDefs, myDataSource);
                      > > alert("This alert never gets called");
                      > > }
                      > >
                      > > your cooperation is highly appreciated.
                      > >
                      > > Thanks,
                      > > Hussain
                      > >
                      > > ----- Original Message ----
                      > > From: Satyam satyam@...
                      > > To: ydn-javascript@yahoogroups.com
                      > > Sent: Wednesday, August 13, 2008 2:06:10 PM
                      > > Subject: Re: [ydn-javascript] YUI Progress bar
                      > >
                      > > The code is there, in the page itself, there is nothing else beyond
                      the
                      > > page that you need to have.
                      > >
                      > > Hussain Ahmad wrote:
                      > > > Hi Satyam,
                      > > >
                      > > > I am trying to integrate YUI treeview wth datatable in my
                      aplication.
                      > > > I have visited your blog and found a very usefull example which is
                      in
                      > > > the following link http://satyam. com.ar/yui/ 2.5.0/TreeAndTab
                      > > le.html <http://satyam.com.ar/yui/2.5.0/TreeAndTable.html> .
                      > > > I would be really gratefull if you give the source code of this
                      > > > example as I believe this will help me a lot.
                      > > >
                      > > > Thanks for your cooperation.
                      > > >
                      > > > Hussain
                      > > >
                      > > > ----- Original Message ----
                      > > > From: Satyam satyam@satyam. com.ar
                      <mailto:satyam%40satyam.com.ar>>
                      > > > To: ydn-javascript@ yahoogroups. com
                      > > <mailto:ydn-javascript%40yahoogroups.com>
                      > > > Sent: Wednesday, August 13, 2008 12:16:54 PM
                      > > > Subject: Re: [ydn-javascript] YUI Progress bar
                      > > >
                      > > > It took me a while, but here is a YUI based Progress Bar, I hope
                      you
                      > > > like it:
                      > > >
                      > > > http://satyam. com.ar/yui/ <http://com.ar/yui/> #progressbar
                      > > > <http://satyam. com.ar/yui/ #progressbar
                      > > <http://satyam.com.ar/yui/#progressbar>>
                      > > >
                      > > > Satyam
                      > > >
                      > > > raminsiach wrote:
                      > > > > Hi all,
                      > > > > Does Yahoo <http://www.yahoo.com/> <http://www.yahoo. com/
                      > > <http://www.yahoo.com/>> have Progress bar control like this
                      > > > > http://www.webapper s.com/progressBa <http://s.com/progressBa>
                      r/
                      > > > <http://www.webapper s.com/progressBa r/
                      > > <http://www.webappers.com/progressBar/>>
                      > > > > which can be updated priodically and can sense the progress of
                      any
                      > > > > event ?!
                      > > > > Regards,
                      > > > >
                      > > > >
                      > > > >
                      > > > > ------------ --------- --------- ------
                      > > > >
                      > > > > Yahoo! Groups <http://groups.yahoo.com/> <http://groups.
                      > > yahoo.com/ <http://groups.yahoo.com/>> Links
                      > > > >
                      > > > >
                      > > > >
                      > > > >
                      > > > > No virus found in this incoming message.
                      > > > > Checked by AVG - http://www.avg. com <http://www.avg. com
                      > > <http://www.avg.com>>
                      > > > > Version: 8.0.138 / Virus Database: 270.6.0/1602 - Release Date:
                      > > > 09/08/2008 13:22
                      > > > >
                      > > > >
                      > > > >
                      > > > >
                      > > >
                      > > >
                      > > >
                      > > > No virus found in this incoming message.
                      > > > Checked by AVG - http://www.avg. com <http://www.avg.com>
                      > > > Version: 8.0.138 / Virus Database: 270.6.1/1607 - Release Date:
                      > > 12/08/2008 7:19
                      > > >
                      > >
                      > >
                      > >
                      > > No virus found in this incoming message.
                      > > Checked by AVG - http://www.avg.com
                      > > Version: 8.0.138 / Virus Database: 270.6.2/1609 - Release Date:
                      13/08/2008 6:43
                      > >
                      >
                    • dsmith21401
                      The YUI Uploader advanced example has a progress bar, and you can see how the event is called real-time. I have actually use the same progress bar you link
                      Message 10 of 15 , Aug 20, 2008
                        The YUI Uploader advanced example has a progress bar, and you can see
                        how the event is called real-time.

                        I have actually use the same progress bar you link below to perform
                        some other operations not related to YUI but still use Ajax to read
                        an application variable via HTTP call and report progress every
                        second or so. While not real-time, it's definitely good enough. It
                        is explained in a blog here, and based on ColdFusion:
                        http://cfsearching.blogspot.com/2008/01/using-runtimeexec-mencoder-
                        and-cfthread.html

                        --- In ydn-javascript@yahoogroups.com, "raminsiach" <raminsiach@...>
                        wrote:
                        >
                        > Hi all,
                        > Does Yahoo have Progress bar control like this
                        > http://www.webappers.com/progressBar/
                        > which can be updated priodically and can sense the progress of any
                        > event ?!
                        > Regards,
                        >
                      • Raja
                        Hi, I m trying to incorporate the YUI Progress Bar. But I keep getting this error. Looks like I have some dependency issues. what are the dependent libraries
                        Message 11 of 15 , Sep 4, 2008
                          Hi,

                          I'm trying to incorporate the YUI Progress Bar. But I keep getting
                          this error. Looks like I have some dependency issues. what are the
                          dependent libraries apart from the ones listed int he code?

                          /*********************************************************************/
                          <html>
                          <head>
                          <title>Progress Bar</title>
                          <script type="text/javascript" src="js/yui/yahoo-dom-event.js"></script>
                          <script type="text/javascript" src="js/yui/progressbar-debug.js"></script>
                          <script type="text/javascript" src="js/yui/container.js"></script>
                          <script type="text/javascript" src="js/yui/animation.js"></script>
                          <script type="text/javascript" src="js/yui/element-beta.js"></script>
                          <link type="text/css" rel="stylesheet" href="css/progressbar.css">
                          <script language="JavaScript">
                          var progressBar;
                          var progressBarValue = 0;
                          function initProgressBar(){
                          document.getElementById('progressBar').style.display = 'block';

                          progressBar = new
                          YAHOO.widget.ProgressBar({height:'15px',id:'plain',value:'0'});
                          progressBar.render('progressBar');
                          }

                          function incrementProgressBar(){
                          progressBarValue += 10;
                          progressBar.cfg.setProperty("value",progressBarValue);
                          }
                          window.setTimeout(incrementProgressBar(),1000);
                          <script>

                          </head>
                          <body class="yui-skin-sam">
                          <div>
                          <a href="#" onClick="initProgressBar();">Click</a> here to
                          initialise the progress bar.
                          </div>
                          <br>
                          <div id="progressBar" style="display:none;">
                          </div>
                          </body>
                          </html>
                          /**********************************************************************/

                          Thanks,
                          Raja
                        • Eric Miraglia
                          Raja, Dependencies need to be in the correct order -- here s what Satyam has on his own page (http://satyam.com.ar/yui/2.5.0/progressbar/ index.html ) prior to
                          Message 12 of 15 , Sep 4, 2008
                            Raja,

                            Dependencies need to be in the correct order -- here's what Satyam has on his own page (http://satyam.com.ar/yui/2.5.0/progressbar/index.html ) prior to loading Progress Bar:

                            <script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/animation/animation-min.js"></script>
                            <script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/element/element-beta.js"></script>

                            So, I would expect all of those components to come before your progressbar-debug.js file.  I don't know if Progress Bar uses Container at all.

                            Regards,
                            Eric


                            On Sep 4, 2008, at 4:17 PM, Raja wrote:

                            Hi,

                            I'm trying to incorporate the YUI Progress Bar. But I keep getting
                            this error. Looks like I have some dependency issues. what are the
                            dependent libraries apart from the ones listed int he code?

                            /*********** ********* ********* ********* ********* ********* ********* ****/
                            <html>
                            <head>
                            <title>Progress Bar</title>
                            <script type="text/javascri pt" src="js/yui/ yahoo-dom- event.js" ></script>
                            <script type="text/javascri pt" src="js/yui/ progressbar- debug.js" ></script>
                            <script type="text/javascri pt" src="js/yui/ container. js"></script>
                            <script type="text/javascri pt" src="js/yui/ animation. js"></script>
                            <script type="text/javascri pt" src="js/yui/ element-beta. js"></script>
                            <link type="text/css" rel="stylesheet" href="css/progressb ar.css">
                            <script language="JavaScrip t">
                            var progressBar;
                            var progressBarValue = 0;
                            function initProgressBar( ){
                            document.getElement ById('progressBa r').style. display = 'block';

                            progressBar = new
                            YAHOO.widget. ProgressBar( {height:' 15px',id: 'plain',value: '0'});
                            progressBar. render('progress Bar');
                            }

                            function incrementProgressBa r(){
                            progressBarValue += 10;
                            progressBar. cfg.setProperty( "value",progress BarValue) ;
                            }
                            window.setTimeout( incrementProgres sBar(),1000) ;
                            <script>

                            </head>
                            <body class="yui-skin- sam">
                            <div>
                            <a href="#" onClick="initProgre ssBar();" >Click</a> here to
                            initialise the progress bar.
                            </div>
                            <br>
                            <div id="progressBar" style="display: none;">
                            </div>
                            </body>
                            </html>
                            /*********** ********* ********* ********* ********* ********* ********* *****/

                            Thanks,
                            Raja


                          • Satyam
                            Eric Indeed you are correct: ProgressBar inherits from Element so if element-beta.js is not loaded before ProgressBar, it won t initialize. Animation is
                            Message 13 of 15 , Sep 4, 2008
                              Eric

                              Indeed you are correct:
                              ProgressBar inherits from Element so if element-beta.js is not loaded
                              before ProgressBar, it won't initialize.
                              Animation is optional, but if you want it, you have to load it before
                              ProgressBar, otherwise it won't realize it is there.
                              Container is not used at all.
                              Stylesheets are better loaded before scripts

                              Also, this line:

                              progressBar.cfg.setProperty("value",progressBarValue);

                              should be:

                              progressBar.set("value",progressBarValue);

                              progressBar has no cfg property you could set.

                              Satyam


                              Eric Miraglia wrote:
                              > Raja,
                              >
                              > Dependencies need to be in the correct order -- here's what Satyam has
                              > on his own page (http://satyam.com.ar/yui/2.5.0/progressbar/index.html
                              > ) prior to loading Progress Bar:
                              >
                              > <script type="text/javascript"
                              > src="http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js"></script>
                              > <script type="text/javascript"
                              > src="http://yui.yahooapis.com/2.5.2/build/animation/animation-min.js"></script>
                              > <script type="text/javascript"
                              > src="http://yui.yahooapis.com/2.5.2/build/element/element-beta.js"></script>
                              >
                              > So, I would expect all of those components to come before your
                              > progressbar-debug.js file. I don't know if Progress Bar uses
                              > Container at all.
                              >
                              > Regards,
                              > Eric
                              >
                              >
                              > On Sep 4, 2008, at 4:17 PM, Raja wrote:
                              >
                              >> Hi,
                              >>
                              >> I'm trying to incorporate the YUI Progress Bar. But I keep getting
                              >> this error. Looks like I have some dependency issues. what are the
                              >> dependent libraries apart from the ones listed int he code?
                              >>
                              >> /*********************************************************************/
                              >> <html>
                              >> <head>
                              >> <title>Progress Bar</title>
                              >> <script type="text/javascript" src="js/yui/yahoo-dom-event.js"></script>
                              >> <script type="text/javascript"
                              >> src="js/yui/progressbar-debug.js"></script>
                              >> <script type="text/javascript" src="js/yui/container.js"></script>
                              >> <script type="text/javascript" src="js/yui/animation.js"></script>
                              >> <script type="text/javascript" src="js/yui/element-beta.js"></script>
                              >> <link type="text/css" rel="stylesheet" href="css/progressbar.css">
                              >> <script language="JavaScript">
                              >> var progressBar;
                              >> var progressBarValue = 0;
                              >> function initProgressBar(){
                              >> document.getElementById('progressBar').style.display = 'block';
                              >>
                              >> progressBar = new
                              >> YAHOO.widget.ProgressBar({height:'15px',id:'plain',value:'0'});
                              >> progressBar.render('progressBar');
                              >> }
                              >>
                              >> function incrementProgressBar(){
                              >> progressBarValue += 10;
                              >> progressBar.cfg.setProperty("value",progressBarValue);
                              >> }
                              >> window.setTimeout(incrementProgressBar(),1000);
                              >> <script>
                              >>
                              >> </head>
                              >> <body class="yui-skin-sam">
                              >> <div>
                              >> <a href="#" onClick="initProgressBar();">Click</a> here to
                              >> initialise the progress bar.
                              >> </div>
                              >> <br>
                              >> <div id="progressBar" style="display:none;">
                              >> </div>
                              >> </body>
                              >> </html>
                              >> /**********************************************************************/
                              >>
                              >> Thanks,
                              >> Raja
                              >>
                              >
                              >
                              > ------------------------------------------------------------------------
                              >
                              >
                              > No virus found in this incoming message.
                              > Checked by AVG - http://www.avg.com
                              > Version: 8.0.169 / Virus Database: 270.6.16/1651 - Release Date: 04/09/2008 6:57
                              >
                              >
                            • Raja
                              Thanks! Satyam, Eric, That resolved my issue. I ve had one other issue. Trying to set the initial value of the progress bar to ZERO . By default it gets set
                              Message 14 of 15 , Sep 5, 2008
                                Thanks! Satyam, Eric,

                                That resolved my issue. I've had one other issue. Trying to set the
                                initial value of the progress bar to 'ZERO'. By default it gets set to 50.

                                <html>
                                <head>
                                <title>Progress Bar</title>
                                <link type="text/css" rel="stylesheet" href="css/progressbar.css"/>
                                <style type="text/css">
                                #plain .yui-pb-mask td {
                                /* if you don't provide a mask, the bar will be a completely
                                rectangular thing with no borders */
                                background-image: url(images/mask.gif);
                                }

                                #plain .yui-pb-bar {
                                /* if you omit the image of the bar, it will be shown as a flat thing
                                of the color given in attribute 'barColor' */
                                background-image:url(bar.gif);
                                }

                                </style>
                                <script type="text/javascript" src="js/yui/yahoo-dom-event.js"></script>
                                <script type="text/javascript" src="js/yui/animation.js"></script>
                                <script type="text/javascript" src="js/yui/element-beta.js"></script>
                                <script type="text/javascript" src="js/yui/progressbar-debug.js"></script>
                                <script language="JavaScript">
                                var pb;
                                var progressBarValue = 0;
                                function initProgressBar(){
                                //document.getElementById('progressBar').style.display = 'block';
                                pb = new YAHOO.widget.ProgressBar({height:'30px', width: 300,
                                barColor:'green',backColor:'white',border:'thin solid black'});
                                pb.set('minValue',0);
                                pb.set('maxValue',100);
                                pb.set('value',0);
                                pb.render('pb');
                                }

                                function increment(){
                                progressBarValue += 10;
                                pb.set('value', progressBarValue);
                                }
                                //setTimeout("incrementProgressBar()",500);

                                function incrementProgressBar(){
                                console.log("Progress bar object :"+pb);
                                progressBarValue += 10;
                                pb.set("value",progressBarValue);

                                }
                                </script>

                                </head>
                                <body class="yui-skin-sam">
                                <a href="#" onClick="initProgressBar();">Click</a> here to initialise
                                the progress bar.
                                <br>
                                <div id="pb"></div>
                                <br>
                                <a href="#" onClick="increment();">Click</a> here to increment.
                                </body>
                                </html>

                                Thank you,
                                Raja
                                --- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:
                                >
                                > Eric
                                >
                                > Indeed you are correct:
                                > ProgressBar inherits from Element so if element-beta.js is not loaded
                                > before ProgressBar, it won't initialize.
                                > Animation is optional, but if you want it, you have to load it before
                                > ProgressBar, otherwise it won't realize it is there.
                                > Container is not used at all.
                                > Stylesheets are better loaded before scripts
                                >
                                > Also, this line:
                                >
                                > progressBar.cfg.setProperty("value",progressBarValue);
                                >
                                > should be:
                                >
                                > progressBar.set("value",progressBarValue);
                                >
                                > progressBar has no cfg property you could set.
                                >
                                > Satyam
                                >
                                >
                                > Eric Miraglia wrote:
                                > > Raja,
                                > >
                                > > Dependencies need to be in the correct order -- here's what Satyam
                                has
                                > > on his own page
                                (http://satyam.com.ar/yui/2.5.0/progressbar/index.html
                                > > ) prior to loading Progress Bar:
                                > >
                                > > <script type="text/javascript"
                                > >
                                src="http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js"></script>
                                > > <script type="text/javascript"
                                > >
                                src="http://yui.yahooapis.com/2.5.2/build/animation/animation-min.js"></script>
                                > > <script type="text/javascript"
                                > >
                                src="http://yui.yahooapis.com/2.5.2/build/element/element-beta.js"></script>
                                > >
                                > > So, I would expect all of those components to come before your
                                > > progressbar-debug.js file. I don't know if Progress Bar uses
                                > > Container at all.
                                > >
                                > > Regards,
                                > > Eric
                                > >
                                > >
                                > > On Sep 4, 2008, at 4:17 PM, Raja wrote:
                                > >
                                > >> Hi,
                                > >>
                                > >> I'm trying to incorporate the YUI Progress Bar. But I keep getting
                                > >> this error. Looks like I have some dependency issues. what are the
                                > >> dependent libraries apart from the ones listed int he code?
                                > >>
                                > >>
                                /*********************************************************************/
                                > >> <html>
                                > >> <head>
                                > >> <title>Progress Bar</title>
                                > >> <script type="text/javascript"
                                src="js/yui/yahoo-dom-event.js"></script>
                                > >> <script type="text/javascript"
                                > >> src="js/yui/progressbar-debug.js"></script>
                                > >> <script type="text/javascript" src="js/yui/container.js"></script>
                                > >> <script type="text/javascript" src="js/yui/animation.js"></script>
                                > >> <script type="text/javascript" src="js/yui/element-beta.js"></script>
                                > >> <link type="text/css" rel="stylesheet" href="css/progressbar.css">
                                > >> <script language="JavaScript">
                                > >> var progressBar;
                                > >> var progressBarValue = 0;
                                > >> function initProgressBar(){
                                > >> document.getElementById('progressBar').style.display = 'block';
                                > >>
                                > >> progressBar = new
                                > >> YAHOO.widget.ProgressBar({height:'15px',id:'plain',value:'0'});
                                > >> progressBar.render('progressBar');
                                > >> }
                                > >>
                                > >> function incrementProgressBar(){
                                > >> progressBarValue += 10;
                                > >> progressBar.cfg.setProperty("value",progressBarValue);
                                > >> }
                                > >> window.setTimeout(incrementProgressBar(),1000);
                                > >> <script>
                                > >>
                                > >> </head>
                                > >> <body class="yui-skin-sam">
                                > >> <div>
                                > >> <a href="#" onClick="initProgressBar();">Click</a> here to
                                > >> initialise the progress bar.
                                > >> </div>
                                > >> <br>
                                > >> <div id="progressBar" style="display:none;">
                                > >> </div>
                                > >> </body>
                                > >> </html>
                                > >>
                                /**********************************************************************/
                                > >>
                                > >> Thanks,
                                > >> Raja
                                > >>
                                > >
                                > >
                                > >
                                ------------------------------------------------------------------------
                                > >
                                > >
                                > > No virus found in this incoming message.
                                > > Checked by AVG - http://www.avg.com
                                > > Version: 8.0.169 / Virus Database: 270.6.16/1651 - Release Date:
                                04/09/2008 6:57
                                > >
                                > >
                                >
                              • Satyam
                                Setting properties via an object literal in the constructor and doing it with the set method is exactly the same, you can do either. I set the value to have a
                                Message 15 of 15 , Sep 5, 2008
                                  Setting properties via an object literal in the constructor and doing it
                                  with the set method is exactly the same, you can do either. I set the
                                  value to have a middle point in between both extremes, just to have a
                                  sample of all the bar style upon start, half with the bar, half
                                  without. If I defaulted to zero or 100% it would have been an issue
                                  with someone anyhow.

                                  Satyam


                                  Raja wrote:
                                  > Thanks! Satyam, Eric,
                                  >
                                  > That resolved my issue. I've had one other issue. Trying to set the
                                  > initial value of the progress bar to 'ZERO'. By default it gets set to 50.
                                  >
                                  > <html>
                                  > <head>
                                  > <title>Progress Bar</title>
                                  > <link type="text/css" rel="stylesheet" href="css/progressbar.css"/>
                                  > <style type="text/css">
                                  > #plain .yui-pb-mask td {
                                  > /* if you don't provide a mask, the bar will be a completely
                                  > rectangular thing with no borders */
                                  > background-image: url(images/mask.gif);
                                  > }
                                  >
                                  > #plain .yui-pb-bar {
                                  > /* if you omit the image of the bar, it will be shown as a flat thing
                                  > of the color given in attribute 'barColor' */
                                  > background-image:url(bar.gif);
                                  > }
                                  >
                                  > </style>
                                  > <script type="text/javascript" src="js/yui/yahoo-dom-event.js"></script>
                                  > <script type="text/javascript" src="js/yui/animation.js"></script>
                                  > <script type="text/javascript" src="js/yui/element-beta.js"></script>
                                  > <script type="text/javascript" src="js/yui/progressbar-debug.js"></script>
                                  > <script language="JavaScript">
                                  > var pb;
                                  > var progressBarValue = 0;
                                  > function initProgressBar(){
                                  > //document.getElementById('progressBar').style.display = 'block';
                                  > pb = new YAHOO.widget.ProgressBar({height:'30px', width: 300,
                                  > barColor:'green',backColor:'white',border:'thin solid black'});
                                  > pb.set('minValue',0);
                                  > pb.set('maxValue',100);
                                  > pb.set('value',0);
                                  > pb.render('pb');
                                  > }
                                  >
                                  > function increment(){
                                  > progressBarValue += 10;
                                  > pb.set('value', progressBarValue);
                                  > }
                                  > //setTimeout("incrementProgressBar()",500);
                                  >
                                  > function incrementProgressBar(){
                                  > console.log("Progress bar object :"+pb);
                                  > progressBarValue += 10;
                                  > pb.set("value",progressBarValue);
                                  >
                                  > }
                                  > </script>
                                  >
                                  > </head>
                                  > <body class="yui-skin-sam">
                                  > <a href="#" onClick="initProgressBar();">Click</a> here to initialise
                                  > the progress bar.
                                  > <br>
                                  > <div id="pb"></div>
                                  > <br>
                                  > <a href="#" onClick="increment();">Click</a> here to increment.
                                  > </body>
                                  > </html>
                                  >
                                  > Thank you,
                                  > Raja
                                  > --- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:
                                  >
                                  >> Eric
                                  >>
                                  >> Indeed you are correct:
                                  >> ProgressBar inherits from Element so if element-beta.js is not loaded
                                  >> before ProgressBar, it won't initialize.
                                  >> Animation is optional, but if you want it, you have to load it before
                                  >> ProgressBar, otherwise it won't realize it is there.
                                  >> Container is not used at all.
                                  >> Stylesheets are better loaded before scripts
                                  >>
                                  >> Also, this line:
                                  >>
                                  >> progressBar.cfg.setProperty("value",progressBarValue);
                                  >>
                                  >> should be:
                                  >>
                                  >> progressBar.set("value",progressBarValue);
                                  >>
                                  >> progressBar has no cfg property you could set.
                                  >>
                                  >> Satyam
                                  >>
                                  >>
                                  >> Eric Miraglia wrote:
                                  >>
                                  >>> Raja,
                                  >>>
                                  >>> Dependencies need to be in the correct order -- here's what Satyam
                                  >>>
                                  > has
                                  >
                                  >>> on his own page
                                  >>>
                                  > (http://satyam.com.ar/yui/2.5.0/progressbar/index.html
                                  >
                                  >>> ) prior to loading Progress Bar:
                                  >>>
                                  >>> <script type="text/javascript"
                                  >>>
                                  >>>
                                  > src="http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js"></script>
                                  >
                                  >>> <script type="text/javascript"
                                  >>>
                                  >>>
                                  > src="http://yui.yahooapis.com/2.5.2/build/animation/animation-min.js"></script>
                                  >
                                  >>> <script type="text/javascript"
                                  >>>
                                  >>>
                                  > src="http://yui.yahooapis.com/2.5.2/build/element/element-beta.js"></script>
                                  >
                                  >>> So, I would expect all of those components to come before your
                                  >>> progressbar-debug.js file. I don't know if Progress Bar uses
                                  >>> Container at all.
                                  >>>
                                  >>> Regards,
                                  >>> Eric
                                  >>>
                                  >>>
                                  >>> On Sep 4, 2008, at 4:17 PM, Raja wrote:
                                  >>>
                                  >>>
                                  >>>> Hi,
                                  >>>>
                                  >>>> I'm trying to incorporate the YUI Progress Bar. But I keep getting
                                  >>>> this error. Looks like I have some dependency issues. what are the
                                  >>>> dependent libraries apart from the ones listed int he code?
                                  >>>>
                                  >>>>
                                  >>>>
                                  > /*********************************************************************/
                                  >
                                  >>>> <html>
                                  >>>> <head>
                                  >>>> <title>Progress Bar</title>
                                  >>>> <script type="text/javascript"
                                  >>>>
                                  > src="js/yui/yahoo-dom-event.js"></script>
                                  >
                                  >>>> <script type="text/javascript"
                                  >>>> src="js/yui/progressbar-debug.js"></script>
                                  >>>> <script type="text/javascript" src="js/yui/container.js"></script>
                                  >>>> <script type="text/javascript" src="js/yui/animation.js"></script>
                                  >>>> <script type="text/javascript" src="js/yui/element-beta.js"></script>
                                  >>>> <link type="text/css" rel="stylesheet" href="css/progressbar.css">
                                  >>>> <script language="JavaScript">
                                  >>>> var progressBar;
                                  >>>> var progressBarValue = 0;
                                  >>>> function initProgressBar(){
                                  >>>> document.getElementById('progressBar').style.display = 'block';
                                  >>>>
                                  >>>> progressBar = new
                                  >>>> YAHOO.widget.ProgressBar({height:'15px',id:'plain',value:'0'});
                                  >>>> progressBar.render('progressBar');
                                  >>>> }
                                  >>>>
                                  >>>> function incrementProgressBar(){
                                  >>>> progressBarValue += 10;
                                  >>>> progressBar.cfg.setProperty("value",progressBarValue);
                                  >>>> }
                                  >>>> window.setTimeout(incrementProgressBar(),1000);
                                  >>>> <script>
                                  >>>>
                                  >>>> </head>
                                  >>>> <body class="yui-skin-sam">
                                  >>>> <div>
                                  >>>> <a href="#" onClick="initProgressBar();">Click</a> here to
                                  >>>> initialise the progress bar.
                                  >>>> </div>
                                  >>>> <br>
                                  >>>> <div id="progressBar" style="display:none;">
                                  >>>> </div>
                                  >>>> </body>
                                  >>>> </html>
                                  >>>>
                                  >>>>
                                  > /**********************************************************************/
                                  >
                                  >>>> Thanks,
                                  >>>> Raja
                                  >>>>
                                  >>>>
                                  >>>
                                  >>>
                                  > ------------------------------------------------------------------------
                                  >
                                  >>> No virus found in this incoming message.
                                  >>> Checked by AVG - http://www.avg.com
                                  >>> Version: 8.0.169 / Virus Database: 270.6.16/1651 - Release Date:
                                  >>>
                                  > 04/09/2008 6:57
                                  >
                                  >>>
                                  >
                                  >
                                  >
                                  > ------------------------------------
                                  >
                                  > Yahoo! Groups Links
                                  >
                                  >
                                  >
                                  > ------------------------------------------------------------------------
                                  >
                                  >
                                  > No virus found in this incoming message.
                                  > Checked by AVG - http://www.avg.com
                                  > Version: 8.0.169 / Virus Database: 270.6.16/1651 - Release Date: 04/09/2008 6:57
                                  >
                                  >
                                Your message has been successfully submitted and would be delivered to recipients shortly.