Changeset 7342

Show
Ignore:
Timestamp:
02/16/07 21:37:59 (21 months ago)
Author:
jburke
Message:

References #2366. Getting test files to work with xdomain web builds. This usually means converting them to use dojo.addOnLoad().

Location:
branches/0.4/tests
Files:
14 modified

Legend:

Unmodified
Added
Removed

  • branches/0.4/tests/animation/test_animation.html

    r5291 r7342  
    3939                        dojo.require("dojo.html.display"); 
    4040                        dojo.require("dojo.event.*"); 
    41                         var Line = dojo.math.curves.Line; 
    42                         var Circle = dojo.math.curves.Circle; 
    43                         var Anim = dojo.animation.Animation; 
    4441 
    4542                        function init(){ 
     43                                Line = dojo.math.curves.Line; 
     44                                Circle = dojo.math.curves.Circle; 
     45                                Anim = dojo.animation.Animation; 
     46 
    4647                                var line = new Line([200,200], [400, 20]); 
    4748                                a = new Anim(line, 1000, 0); 

  • branches/0.4/tests/charting/test_engine.html

    r6261 r7342  
    1212                        dojo.require('dojo.json'); 
    1313 
    14                         //      our sample data for our line chart. 
    15                         var json = [ 
    16                                 { x: 0, y: 110, size:20, x2:20, high:110, low: 80, open:90, close:96 }, 
    17                                 { x: 10, y: 24, size:4, x2: 25, high:56, low: 43, open:43, close:54 }, 
    18                                 { x: 15, y:63, size:32, x2: 30, high: 100, low: 40, open:56, close: 96 }, 
    19                                 { x: 25, y: 5, size:13, x2: 35, high: 40, low: 36, open:40, close:36 }, 
    20                                 { x: 40, y: 98, size:7, x2: 40, high: 86, low: 66, open: 80, close: 70 }, 
    21                                 { x: 45, y: 54, size:18, x2: 45, high: 50, low: 0, open: 42, close: 4 } 
    22                         ]; 
    23                         var store = new dojo.collections.Store(); 
    24                         store.setData(json); 
    25  
    26                         //      define the chart. 
    27                         var s1 = new dojo.charting.Series({ 
    28                                 dataSource:store, 
    29                                 bindings:{ x:"x", y:"y", size:"size" }, 
    30                                 label:"The Main Series" 
    31                         }); 
    32                         var s2 = new dojo.charting.Series({ 
    33                                 dataSource:store, 
    34                                 bindings:{ x:"y", y:"size" }, 
    35                                 label:"Series 2" 
    36                         }); 
    37                         var s3 = new dojo.charting.Series({  
    38                                 dataSource:store,  
    39                                 bindings:{ x: "x2", high:"high", low:"low", open:"open", close:"close" },  
    40                                 label: "Series 3"  
    41                         }); 
    42                         var s4 = new dojo.charting.Series({ 
    43                                 dataSource:store, 
    44                                 bindings:{ x:"y", y:"low" }, 
    45                                 label:"Series 4" 
    46                         }); 
    47                         var s5 = new dojo.charting.Series({ 
    48                                 dataSource:store, 
    49                                 bindings:{ x:"y", y:"open" }, 
    50                                 label:"Series 5" 
    51                         }); 
    52  
    53                         //      set up some bars for a test. 
    54                         var b0 = new dojo.collections.Store(); 
    55                         b0.setData([ 
    56                                 { x:43, y:88, z:42, a:66, b:34 }, 
    57                                 { x:15, y:68, z:14, a:10, b:69 }, 
    58                                 { x:92, y:82, z:4, a:52, b:21 }, 
    59                                 { x:100, y:47, z:83, a:40, b:35 }, 
    60                                 { x:3, y:97, z:3, a:83, b:6 }, 
    61                                 { x:70, y:89, z:87, a:88, b:30 }, 
    62                                 { x:26, y:100, z:78, a:32, b:36 }, 
    63                                 { x:20, y:36, z:28, a:3, b:13 }, 
    64                                 { x:39, y:69, z:28, a:31, b:77 }, 
    65                                 { x:9, y:97, z:80, a:5, b:9 }, 
    66                                 { x:98, y:76, z:12, a:23, b:52 } 
    67                         ]); 
    68                         var bar0 = new dojo.charting.Series({ dataSource:b0, bindings:{ y:"x", high:"y", low:"a" }, label: "Bar 0" }); 
    69                         var bar1 = new dojo.charting.Series({ dataSource:b0, bindings:{ y:"y", high:"z", low:"b" }, label: "Bar 1" }); 
    70                         var bar2 = new dojo.charting.Series({ dataSource:b0, bindings:{ y:"z", high:"a", low:"x" }, label: "Bar 2" }); 
    71                         var bar3 = new dojo.charting.Series({ dataSource:b0, bindings:{ y:"a", high:"b", low:"y" }, label: "Bar 3" }); 
    72                         var bar4 = new dojo.charting.Series({ dataSource:b0, bindings:{ y:"b", high:"x", low:"z" }, label: "Bar 4" }); 
     14                        dojo.addOnLoad(function(){ 
     15                                //      our sample data for our line chart. 
     16                                var json = [ 
     17                                        { x: 0, y: 110, size:20, x2:20, high:110, low: 80, open:90, close:96 }, 
     18                                        { x: 10, y: 24, size:4, x2: 25, high:56, low: 43, open:43, close:54 }, 
     19                                        { x: 15, y:63, size:32, x2: 30, high: 100, low: 40, open:56, close: 96 }, 
     20                                        { x: 25, y: 5, size:13, x2: 35, high: 40, low: 36, open:40, close:36 }, 
     21                                        { x: 40, y: 98, size:7, x2: 40, high: 86, low: 66, open: 80, close: 70 }, 
     22                                        { x: 45, y: 54, size:18, x2: 45, high: 50, low: 0, open: 42, close: 4 } 
     23                                ]; 
     24                                var store = new dojo.collections.Store(); 
     25                                store.setData(json); 
     26         
     27                                //      define the chart. 
     28                                var s1 = new dojo.charting.Series({ 
     29                                        dataSource:store, 
     30                                        bindings:{ x:"x", y:"y", size:"size" }, 
     31                                        label:"The Main Series" 
     32                                }); 
     33                                var s2 = new dojo.charting.Series({ 
     34                                        dataSource:store, 
     35                                        bindings:{ x:"y", y:"size" }, 
     36                                        label:"Series 2" 
     37                                }); 
     38                                var s3 = new dojo.charting.Series({  
     39                                        dataSource:store,  
     40                                        bindings:{ x: "x2", high:"high", low:"low", open:"open", close:"close" },  
     41                                        label: "Series 3"  
     42                                }); 
     43                                var s4 = new dojo.charting.Series({ 
     44                                        dataSource:store, 
     45                                        bindings:{ x:"y", y:"low" }, 
     46                                        label:"Series 4" 
     47                                }); 
     48                                var s5 = new dojo.charting.Series({ 
     49                                        dataSource:store, 
     50                                        bindings:{ x:"y", y:"open" }, 
     51                                        label:"Series 5" 
     52                                }); 
     53         
     54                                //      set up some bars for a test. 
     55                                var b0 = new dojo.collections.Store(); 
     56                                b0.setData([ 
     57                                        { x:43, y:88, z:42, a:66, b:34 }, 
     58                                        { x:15, y:68, z:14, a:10, b:69 }, 
     59                                        { x:92, y:82, z:4, a:52, b:21 }, 
     60                                        { x:100, y:47, z:83, a:40, b:35 }, 
     61                                        { x:3, y:97, z:3, a:83, b:6 }, 
     62                                        { x:70, y:89, z:87, a:88, b:30 }, 
     63                                        { x:26, y:100, z:78, a:32, b:36 }, 
     64                                        { x:20, y:36, z:28, a:3, b:13 }, 
     65                                        { x:39, y:69, z:28, a:31, b:77 }, 
     66                                        { x:9, y:97, z:80, a:5, b:9 }, 
     67                                        { x:98, y:76, z:12, a:23, b:52 } 
     68                                ]); 
     69                                var bar0 = new dojo.charting.Series({ dataSource:b0, bindings:{ y:"x", high:"y", low:"a" }, label: "Bar 0" }); 
     70                                var bar1 = new dojo.charting.Series({ dataSource:b0, bindings:{ y:"y", high:"z", low:"b" }, label: "Bar 1" }); 
     71                                var bar2 = new dojo.charting.Series({ dataSource:b0, bindings:{ y:"z", high:"a", low:"x" }, label: "Bar 2" }); 
     72                                var bar3 = new dojo.charting.Series({ dataSource:b0, bindings:{ y:"a", high:"b", low:"y" }, label: "Bar 3" }); 
     73                                var bar4 = new dojo.charting.Series({ dataSource:b0, bindings:{ y:"b", high:"x", low:"z" }, label: "Bar 4" }); 
     74                                 
     75                                //      test the evaluate 
     76                                /* 
     77                                var data = s1.evaluate(); 
     78                                var a=[]; 
     79                                for(var i=0; i<data.length; i++){ 
     80                                        a.push("{ x:"+data[i].x +", y:"+data[i].y + "}"); 
     81                                } 
     82                                alert("Data evaluation:\n"+a.join("\n")); 
     83                                */ 
     84                                 
     85                                //      keep going. 
     86                                var xA = new dojo.charting.Axis(); 
     87                                xA.range={upper:130, lower:0}; 
     88                                xA.origin="max"; 
     89                                xA.showTicks = true; 
     90                                xA.label = "A Range of Things"; 
     91                                xA.labels = [ 0, 20, 40, 60, 80, 100 ]; 
     92         
     93                                var yA = new dojo.charting.Axis(); 
     94                                yA.range={upper:180,lower:0}; 
     95                                yA.showLines = true; 
     96                                yA.showTicks = true; 
     97                                yA.labels = [ {label:"min", value:0 }, { label:"35",value:35 }, { label:"max", value:120 } ]; 
     98                                yA.label = "Areas" 
     99         
     100                                var p = new dojo.charting.Plot(xA, yA); 
     101                                p.addSeries({ data:s1, plotter: dojo.charting.Plotters.CurvedLine }); 
     102                                var pA = new dojo.charting.Plot(xA, yA); 
     103                                pA.renderType = dojo.charting.RenderPlotSeries.Grouped; 
     104                                pA.addSeries({ data:s2, plotter: dojo.charting.Plotters.StackedCurvedArea }); 
     105                                pA.addSeries({ data:s4, plotter: dojo.charting.Plotters.StackedCurvedArea }); 
     106                                pA.addSeries({ data:s5, plotter: dojo.charting.Plotters.StackedCurvedArea }); 
     107         
     108                                var pa = new dojo.charting.PlotArea(); 
     109                                pa.size={width:700,height:170}; 
     110                                pa.padding={top:20, right:20, bottom:30, left:50 }; 
     111                                pa.plots.push(p); 
     112                                pa.plots.push(pA); 
     113         
     114                                //      auto assign colors, and increase the step (since we've only 2 series) 
     115                                s1.color = pa.nextColor(); 
     116                                s2.color = pa.nextColor(); 
     117                                s3.color = pa.nextColor(); 
     118                                s4.color = pa.nextColor(); 
     119                                s5.color = pa.nextColor(); 
     120         
     121                                ////////////////////// 
     122                                var xB = new dojo.charting.Axis(); 
     123                                xB.range={upper:100, lower:0}; 
     124                                xB.origin="max"; 
     125                                xB.showTicks = true; 
     126                                xB.showLines = true; 
     127                                xB.labels = [ 0, 20, 40, 60, 80, 100 ]; 
     128         
     129                                var yB = new dojo.charting.Axis(); 
     130                                yB.range={upper:120,lower:0}; 
     131                                yB.origin="min"; 
     132                                yB.showLines = true; 
     133         
     134                                var yB2 = new dojo.charting.Axis(); 
     135                                yB2.range={upper:100,lower:0}; 
     136                                yB2.origin="max"; 
     137                                yB2.label = "Gantt Time Period"; 
     138         
     139                                var p2 = new dojo.charting.Plot(xB, yB); 
     140                                p2.addSeries({ data:s1, plotter: dojo.charting.Plotters.CurvedLine }); 
     141         
     142                                var p3 = new dojo.charting.Plot(xB, yB2); 
     143                                p3.renderType = dojo.charting.RenderPlotSeries.Grouped; 
     144                                p3.addSeries({ data:bar0, plotter: dojo.charting.Plotters.Gantt }); 
     145                                p3.addSeries({ data:bar1, plotter: dojo.charting.Plotters.Gantt }); 
     146                                p3.addSeries({ data:bar2, plotter: dojo.charting.Plotters.Gantt }); 
     147                                p3.addSeries({ data:bar3, plotter: dojo.charting.Plotters.Gantt }); 
     148                                p3.addSeries({ data:bar4, plotter: dojo.charting.Plotters.HorizontalBar }); 
     149                                 
     150                                var pa2 = new dojo.charting.PlotArea(); 
     151                                pa2.plots.push(p3); 
     152                                pa2.plots.push(p2); 
     153                                pa2.size={width:700,height:400}; 
     154                                pa2.padding={top:20, right:40, bottom:30, left:30 }; 
     155                                 
     156                                bar0.color = pa2.nextColor(); 
     157                                bar1.color = pa2.nextColor(); 
     158                                bar2.color = pa2.nextColor(); 
     159                                bar3.color = pa2.nextColor(); 
     160                                bar4.color = pa2.nextColor(); 
     161                                 
     162                                var chart = new dojo.charting.Chart(null, "Test chart", "This is a potential description"); 
     163                                chart.addPlotArea({ x:50,y:50, plotArea:pa }); 
     164                                chart.addPlotArea({ x:50,y:250, plotArea:pa2 }); 
    73165                         
    74                         //      test the evaluate 
    75                         /* 
    76                         var data = s1.evaluate(); 
    77                         var a=[]; 
    78                         for(var i=0; i<data.length; i++){ 
    79                                 a.push("{ x:"+data[i].x +", y:"+data[i].y + "}"); 
    80                         } 
    81                         alert("Data evaluation:\n"+a.join("\n")); 
    82                         */ 
    83                          
    84                         //      keep going. 
    85                         var xA = new dojo.charting.Axis(); 
    86                         xA.range={upper:130, lower:0}; 
    87                         xA.origin="max"; 
    88                         xA.showTicks = true; 
    89                         xA.label = "A Range of Things"; 
    90                         xA.labels = [ 0, 20, 40, 60, 80, 100 ]; 
    91  
    92                         var yA = new dojo.charting.Axis(); 
    93                         yA.range={upper:180,lower:0}; 
    94                         yA.showLines = true; 
    95                         yA.showTicks = true; 
    96                         yA.labels = [ {label:"min", value:0 }, { label:"35",value:35 }, { label:"max", value:120 } ]; 
    97                         yA.label = "Areas" 
    98  
    99                         var p = new dojo.charting.Plot(xA, yA); 
    100                         p.addSeries({ data:s1, plotter: dojo.charting.Plotters.CurvedLine }); 
    101                         var pA = new dojo.charting.Plot(xA, yA); 
    102                         pA.renderType = dojo.charting.RenderPlotSeries.Grouped; 
    103                         pA.addSeries({ data:s2, plotter: dojo.charting.Plotters.StackedCurvedArea }); 
    104                         pA.addSeries({ data:s4, plotter: dojo.charting.Plotters.StackedCurvedArea }); 
    105                         pA.addSeries({ data:s5, plotter: dojo.charting.Plotters.StackedCurvedArea }); 
    106  
    107                         var pa = new dojo.charting.PlotArea(); 
    108                         pa.size={width:700,height:170}; 
    109                         pa.padding={top:20, right:20, bottom:30, left:50 }; 
    110                         pa.plots.push(p); 
    111                         pa.plots.push(pA); 
    112  
    113                         //      auto assign colors, and increase the step (since we've only 2 series) 
    114                         s1.color = pa.nextColor(); 
    115                         s2.color = pa.nextColor(); 
    116                         s3.color = pa.nextColor(); 
    117                         s4.color = pa.nextColor(); 
    118                         s5.color = pa.nextColor(); 
    119  
    120                         ////////////////////// 
    121                         var xB = new dojo.charting.Axis(); 
    122                         xB.range={upper:100, lower:0}; 
    123                         xB.origin="max"; 
    124                         xB.showTicks = true; 
    125                         xB.showLines = true; 
    126                         xB.labels = [ 0, 20, 40, 60, 80, 100 ]; 
    127  
    128                         var yB = new dojo.charting.Axis(); 
    129                         yB.range={upper:120,lower:0}; 
    130                         yB.origin="min"; 
    131                         yB.showLines = true; 
    132  
    133                         var yB2 = new dojo.charting.Axis(); 
    134                         yB2.range={upper:100,lower:0}; 
    135                         yB2.origin="max"; 
    136                         yB2.label = "Gantt Time Period"; 
    137  
    138                         var p2 = new dojo.charting.Plot(xB, yB); 
    139                         p2.addSeries({ data:s1, plotter: dojo.charting.Plotters.CurvedLine }); 
    140  
    141                         var p3 = new dojo.charting.Plot(xB, yB2); 
    142                         p3.renderType = dojo.charting.RenderPlotSeries.Grouped; 
    143                         p3.addSeries({ data:bar0, plotter: dojo.charting.Plotters.Gantt }); 
    144                         p3.addSeries({ data:bar1, plotter: dojo.charting.Plotters.Gantt }); 
    145                         p3.addSeries({ data:bar2, plotter: dojo.charting.Plotters.Gantt }); 
    146                         p3.addSeries({ data:bar3, plotter: dojo.charting.Plotters.Gantt }); 
    147                         p3.addSeries({ data:bar4, plotter: dojo.charting.Plotters.HorizontalBar }); 
    148                          
    149                         var pa2 = new dojo.charting.PlotArea(); 
    150                         pa2.plots.push(p3); 
    151                         pa2.plots.push(p2); 
    152                         pa2.size={width:700,height:400}; 
    153                         pa2.padding={top:20, right:40, bottom:30, left:30 }; 
    154                          
    155                         bar0.color = pa2.nextColor(); 
    156                         bar1.color = pa2.nextColor(); 
    157                         bar2.color = pa2.nextColor(); 
    158                         bar3.color = pa2.nextColor(); 
    159                         bar4.color = pa2.nextColor(); 
    160                          
    161                         var chart = new dojo.charting.Chart(null, "Test chart", "This is a potential description"); 
    162                         chart.addPlotArea({ x:50,y:50, plotArea:pa }); 
    163                         chart.addPlotArea({ x:50,y:250, plotArea:pa2 }); 
    164                          
    165                         dojo.addOnLoad(function(){ 
    166166                                chart.node = dojo.byId("chartTest1"); 
    167167                                chart.render(); 

  • branches/0.4/tests/dnd/test_container.html

    r4166 r7342  
    2828        } 
    2929 
    30         dojo.event.connect(dojo, "loaded", "init"); 
    31  
     30        dojo.addOnLoad(init); 
    3231</script> 
    3332</head> 

  • branches/0.4/tests/dnd/test_dragdropparent.html

    r4169 r7342  
    2727                new dojo.dnd.HtmlDragSource(dojo.byId("layer7")); 
    2828        } 
    29         dojo.event.connect(dojo, "loaded", "init"); 
     29        dojo.addOnLoad(init); 
    3030</script> 
    3131<p>Make sure that all can be dragged nicely.</p> 

  • branches/0.4/tests/dnd/test_draghandle.html

    r3539 r7342  
    2626        } 
    2727 
    28         dojo.event.connect(dojo, "loaded", "init"); 
     28        dojo.addOnLoad(init); 
    2929</script> 
    3030</head> 

  • branches/0.4/tests/dnd/test_draghandle_2.html

    r6549 r7342  
    2525        } 
    2626 
    27         dojo.event.connect(dojo, "loaded", "init"); 
     27        dojo.addOnLoad(init); 
    2828</script> 
    2929<style> 

  • branches/0.4/tests/dnd/test_dragmove.html

    r6316 r7342  
    2828        } 
    2929 
    30         dojo.event.connect(dojo, "loaded", "init"); 
     30        dojo.addOnLoad(init); 
    3131</script> 
    3232 

  • branches/0.4/tests/dnd/test_dragmoveparent.html

    r4171 r7342  
    2626                new dojo.dnd.HtmlDragMoveSource(dojo.byId("layer6")); 
    2727        } 
    28         dojo.event.connect(dojo, "loaded", "init"); 
     28        dojo.addOnLoad(init); 
    2929</script> 
    3030<p>Make sure that all can be dragged nicely.</p> 

  • branches/0.4/tests/dnd/test_nested_drop_targets.html

    r6549 r7342  
    1414        dojo.require("dojo.event.*"); 
    1515 
    16         dojo.dnd.dragManager.nestedTargets = true; 
    1716 
    1817        function byId(id){ 
    … …  
    2928 
    3029        function init(){ 
     30                dojo.dnd.dragManager.nestedTargets = true; 
     31 
    3132                new dojo.dnd.HtmlDragSource(byId("source"), "source"); 
    3233                var dt1 = new dojo.dnd.HtmlDropTarget(byId("outer"), ["*"]); 

  • branches/0.4/tests/dnd/test_simple.html

    r1666 r7342  
    4343        } 
    4444 
    45         dojo.event.connect(dojo, "loaded", "init"); 
     45        dojo.addOnLoad(init); 
    4646</script> 
    4747 

  • branches/0.4/tests/event/test_browserevent.html

    r3860 r7342  
    7676                        } 
    7777 
    78                         dojo.event.connect(dojo, "loaded", "init") 
     78                        dojo.addOnLoad(init); 
    7979                </script> 
    8080        </head> 

  • branches/0.4/tests/event/test_ie_runtime_usage.html

    r2180 r7342  
    3030                        } 
    3131 
    32                         dojo.event.connect(dojo, "loaded", "init") 
     32                        dojo.addOnLoad(init); 
    3333                </script> 
    3434        </head> 

  • branches/0.4/tests/event/test_topic.html

    r4240 r7342  
    1717                        } 
    1818 
    19             var topic1 = dojo.event.topic.getTopic("testTopic1"); 
    20             var topic2 = dojo.event.topic.getTopic("testTopic2"); 
    21             var clickCount = 0; 
    22  
    23             function sendMessage1() { 
    24                 topic1.sendMessage("Message " + ++clickCount); 
    25             } 
    26  
    27             function sendMessage2() { 
    28                 topic2.sendMessage("Message " + ++clickCount); 
    29             } 
     19                        var clickCount = 0; 
     20         
     21                        function sendMessage1() { 
     22                                        topic1.sendMessage("Message " + ++clickCount); 
     23                        } 
     24         
     25                        function sendMessage2() { 
     26                                        topic2.sendMessage("Message " + ++clickCount); 
     27                        } 
    3028 
    3129                        var subCounter = 0; 
    … …  
    4038 
    4139                        dojo.addOnLoad(function(){ 
     40                                topic1 = dojo.event.topic.getTopic("testTopic1"); 
     41                                topic2 = dojo.event.topic.getTopic("testTopic2"); 
     42 
    4243                                var sub1 = addSubscriber(); 
    4344                                var sub2 = addSubscriber(); 

  • branches/0.4/tests/gfx/test_color.html

    r5457 r7342  
    2121dojo.require("dojo.gfx.color.hsl"); 
    2222 
    23 var c = dojo.gfx.color; 
    24 var hex = ["#003399", "#039", "003399", "039"]; 
    25 for(var i = 0; i < hex.length; i++) { 
    26         var rgb = c.hex2rgb(hex[i]); 
    27         dojo.debug(hex[i], "-> hex2rgb ->", rgb, "-> rgb2hex ->", c.rgb2hex(rgb)); 
    28         dojo.debug("extractRGB(" + hex[i] + ")", c.extractRGB(hex[i])); 
    29 } 
    30  
    31 dojo.debug(); 
    32 dojo.debug("Color object:"); 
    33 var color = new dojo.gfx.color.Color("ffc"); 
    34 dojo.debug("toRgb:", color.toRgb()); 
    35 dojo.debug("toHex:", color.toHex()); 
    36 dojo.debug("toCss:", color.toCss()); 
    37 dojo.debug("toString:", color.toString()); 
    38 dojo.debug("toHsv:", color.toHsv()); 
    39 dojo.debug("toHsl:", color.toHsl()); 
    40  
    41 dojo.debug(); 
    42 dojo.debug("Named colors:"); 
    43 for(var clr in c.named) { 
    44         var rgb = c.extractRGB(clr); 
    45         dojo.debug(clr, "->", rgb, "->", c.rgb2hex(rgb)); 
    46 } 
    47  
    48  
    49 dojo.debug(); 
    50 dojo.debug("Color spaces:"); 
    51  
    52 var a = [255,255,204]; 
    53 var b = dojo.gfx.color.rgb2hsv(a); 
    54 var c = dojo.gfx.color.hsv2rgb(b); 
    55 dojo.debug("HSV:", a, "->", b, "->", c); 
    56  
    57 var d = [255,255,204]; 
    58 var e = dojo.gfx.color.rgb2hsl(d); 
    59