source: Dev/trunk/src/client/dojox/widget/tests/test_AutoRotator.html

Last change on this file was 483, checked in by hendrikvanantwerpen, 11 years ago

Added Dojo 1.9.3 release.
File size: 21.5 KB
Line 
1<!DOCTYPE HTML>
2<html>
3<head>
4        <title>dojox.widget.AutoRotator Test</title>
5        <style type="text/css">
6        @import "../../../dojo/resources/dojo.css";
7        @import "../../../dijit/tests/css/dijitTests.css";
8
9        .rotator{
10                background-color:#fff;
11                border:solid 1px #e5e5e5;
12                width:384px;
13                height:90px;
14                overflow:hidden;
15        }
16        .rotatorStacked{
17                width:384px;
18                height:90px;
19                overflow:hidden;
20                position:absolute;
21                left:0;
22                top:0;
23        }
24        .rotatorStacked .pane{
25                background-color:transparent;
26        }
27        .pane{
28                background-color:#fff;
29                width:384px;
30                height:90px;
31                overflow:hidden;
32        }
33        </style>
34
35        <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="async: true, selectorEngine: 'acme'"></script>
36        <script type="text/javascript">
37                require([
38                        "dojo/parser",
39                        "dojo/domReady!",
40                        "dojox/widget/AutoRotator",
41                        "dojox/widget/rotator/Fade",
42                        "dojox/widget/rotator/Pan",
43                        "dojox/widget/rotator/Slide",
44                        "dojox/widget/rotator/Wipe"
45                ], function(parser) {
46
47                parser.parse();
48
49                // programmatic example
50                var contributors = [
51                        [ "http://www.nexaweb.com",             "nexaweb.png",          "Nexaweb" ],
52                        [ "http://www.renkoo.com",              "renkoo.png",           "Renkoo" ],
53                        [ "http://www.sitepen.com",             "sitepen.png",          "Sitepen" ],
54                        [ "http://www.tibco.com",               "tibco.png",            "Tibco" ],
55                        [ "http://www.webtide.com",             "webtide.png",          "Webtide" ],
56                        [ "http://www.openlaszlo.com",  "openlaszlo.png",       "OpenLaszlo" ],
57                        [ "http://www.sun.com",                 "sun.png",                      "Sun" ],
58                        [ "http://www.google.com",              "google.png",           "Google" ],
59                        [ "http://www.aptana.com",              "aptana.png",           "Aptana" ],
60                        [ "http://www.aol.com",                 "aol.png",                      "AOL" ],
61                        [ "http://www.ibm.com",                 "ibm.png",                      "IBM" ],
62                        [ "http://www.zend.com",                "zend.png",                     "Zend" ],
63                        [ "http://www.bea.com",                 "bea.png",                      "BEA" ],
64                        [ "http://www.uxebu.com",               "uxebu.png",            "Uxebu" ],
65                        [ "http://www.wavemaker.com",   "wavemaker.png",        "WaveMaker" ],
66                        [ "http://www.aptana.com",              "aptana.png",           "Aptana" ]
67                ];
68               
69                var panes = [];
70                for(var i=0; i<contributors.length; i++){
71                        var html = '<a href="' + contributors[i][0] + '" target="_new"><img src="images/rotator_'
72                                                + contributors[i][1] + '" width="130" alt="' + contributors[i][2] + '"/></a>';
73                        if(i % 2 == 0){
74                                panes.push({
75                                        className: "pane",
76                                        innerHTML: html
77                                });
78                        }else{
79                                panes[panes.length-1].innerHTML += html
80                        }
81                }
82
83                var r = new dojox.widget.AutoRotator({
84                                id: "myRotator13",
85                                duration: 2000,
86                                transition: "dojox.widget.rotator.panLeft",
87                                panes: panes
88                        },
89                        dojo.byId("myRotator4")
90                );
91        });
92        </script>
93</head>
94<body>
95
96        <h1 class="testTitle">dojox.widget.AutoRotator Test</h1>
97
98        <h2>Default Swap Transition</h2>
99       
100        <p>
101        <button onclick="dojo.publish('myRotator/rotator/control', ['play']);">Play</button>
102        <button onclick="dojo.publish('myRotator/rotator/control', ['pause']);">Pause</button>
103        <button onclick="dojo.publish('myRotator/rotator/control', ['prev']);">Prev</button>
104        <button onclick="dojo.publish('myRotator/rotator/control', ['next']);">Next</button>
105        <button onclick="dojo.publish('myRotator/rotator/control', ['go', 0]);">Goto 0 (Nexaweb, Renkoo)</button>
106        <button onclick="dojo.publish('myRotator/rotator/control', ['go', 1]);">Goto 1 (Sitepen, Tibco)</button>
107        <button onclick="dojo.publish('myRotator/rotator/control', ['go', 2]);">Goto 2 (Webtide, OpenLaszlo)</button>
108        <button onclick="dojo.publish('myRotator/rotator/control', ['go', 3]);">Goto 3 (Sun, Google)</button>
109        <button onclick="dojo.publish('myRotator/rotator/control', ['go', 4]);">Goto 4 (Aptana, AOL)</button>
110        <button onclick="dojo.publish('myRotator/rotator/control', ['go', 5]);">Goto 5 (IBM, Zend)</button>
111        <button onclick="dojo.publish('myRotator/rotator/control', ['go', 6]);">Goto 6 (BEA, Uxebu)</button>
112        <button onclick="dojo.publish('myRotator/rotator/control', ['go', 7]);">Goto 7 (WaveMaker, Aptana)</button>
113        <button onclick="dojo.publish('myRotator/rotator/control', ['go', 8]);">Goto 8 (bad)</button>
114        <button onclick="dojo.publish('myRotator/rotator/control', ['test']);">Bad Action</button>
115        </p>
116       
117        <div data-dojo-type="dojox/widget/AutoRotator" class="rotator" id="myRotator"
118                 data-dojo-props="duration: 2000">
119                <div class="pane">
120                        <a href="http://www.nexaweb.com" target="_new"><img src="images/rotator_nexaweb.png" width="130" alt="Nexaweb"/></a>
121                        <a href="http://www.renkoo.com" target="_new"><img src="images/rotator_renkoo.png" width="130" alt="Renkoo"/></a>
122                </div>
123                <div class="pane">
124                        <a href="http://www.sitepen.com" target="_new"><img src="images/rotator_sitepen.png" width="130" alt="Sitepen"/></a>
125                        <a href="http://www.tibco.com" target="_new"><img src="images/rotator_tibco.png" width="130" alt="Tibco"/></a>
126                </div>
127                <div class="pane">
128                        <a href="http://www.webtide.com/" target="_new"><img src="images/rotator_webtide.png" width="130" alt="Webtide"/></a>
129                        <a href="http://www.openlaszlo.com" target="_new"><img src="images/rotator_openlaszlo.png" width="150" alt="OpenLaszlo"/></a>
130                </div>
131                <div class="pane">
132                        <a href="http://www.sun.com" target="_new"><img src="images/rotator_sun.png" width="130" alt="Sun"/></a>
133                        <a href="http://www.google.com" target="_new"><img src="images/rotator_google.png" width="130" alt="Google"/></a>
134                </div>
135                <div class="pane">
136                        <a href="http://www.aptana.com" target="_new"><img src="images/rotator_aptana.png" width="130" alt="Aptana"/></a>
137                        <a href="http://www.aol.com" target="_new"><img src="images/rotator_aol.png" width="130" alt="AOL"/></a>
138                </div>
139                <div class="pane">
140                        <a href="http://www.ibm.com" target="_new"><img src="images/rotator_ibm.png" width="100" alt="IBM"/></a>
141                        <a href="http://www.zend.com/" target="_new"><img src="images/rotator_zend.png" width="130" alt="Zend"/></a>
142                </div>
143                <div class="pane">
144                        <a href="http://www.bea.com" target="_new"><img src="images/rotator_bea.png" width="80" alt="BEA"/></a>
145                        <a href="http://www.uxebu.com" target="_new"><img src="images/rotator_uxebu.png" width="120" alt="Uxebu"/></a>
146                </div>
147                <div class="pane">
148                        <a href="http://www.wavemaker.com" target="_new"><img src="images/rotator_wavemaker.png" width="130" alt="WaveMaker"/></a>
149                        <a href="http://www.aptana.com" target="_new"><img src="images/rotator_aptana.png" width="130" alt="Aptana"/></a>
150                </div>
151        </div>
152
153        <h2>4 Random Panes, Then Pause</h2>
154       
155        <p>
156        <button onclick="myRotator2.play();">Play</button>
157        <button onclick="myRotator2.pause();">Pause</button>
158        <button onclick="myRotator2.prev();">Prev</button>
159        <button onclick="myRotator2.next();">Next</button>
160        <button onclick="myRotator2.go(0);">Goto 0 (Nexaweb, Renkoo)</button>
161        <button onclick="myRotator2.go(1);">Goto 1 (Sitepen, Tibco)</button>
162        <button onclick="myRotator2.go(2);">Goto 2 (Webtide, OpenLaszlo)</button>
163        <button onclick="myRotator2.go(3);">Goto 3 (Sun, Google)</button>
164        <button onclick="myRotator2.go(4);">Goto 4 (Aptana, AOL)</button>
165        <button onclick="myRotator2.go(5);">Goto 5 (IBM, Zend)</button>
166        <button onclick="myRotator2.go(6);">Goto 6 (BEA, Uxebu)</button>
167        <button onclick="myRotator2.go(7);">Goto 7 (WaveMaker, Aptana)</button>
168        <button onclick="myRotator2.go(8);">Goto 8 (bad)</button>
169        </p>
170       
171        <div data-dojo-type="dojox/widget/AutoRotator" class="rotator"
172                 data-dojo-id="myRotator2"
173                 data-dojo-props="random: true, duration: 2000, cycles: 4">
174                <div class="pane">
175                        <a href="http://www.nexaweb.com" target="_new"><img src="images/rotator_nexaweb.png" width="130" alt="Nexaweb"/></a>
176                        <a href="http://www.renkoo.com" target="_new"><img src="images/rotator_renkoo.png" width="130" alt="Renkoo"/></a>
177                </div>
178                <div class="pane">
179                        <a href="http://www.sitepen.com" target="_new"><img src="images/rotator_sitepen.png" width="130" alt="Sitepen"/></a>
180                        <a href="http://www.tibco.com" target="_new"><img src="images/rotator_tibco.png" width="130" alt="Tibco"/></a>
181                </div>
182                <div class="pane">
183                        <a href="http://www.webtide.com/" target="_new"><img src="images/rotator_webtide.png" width="130" alt="Webtide"/></a>
184                        <a href="http://www.openlaszlo.com" target="_new"><img src="images/rotator_openlaszlo.png" width="150" alt="OpenLaszlo"/></a>
185                </div>
186                <div class="pane">
187                        <a href="http://www.sun.com" target="_new"><img src="images/rotator_sun.png" width="130" alt="Sun"/></a>
188                        <a href="http://www.google.com" target="_new"><img src="images/rotator_google.png" width="130" alt="Google"/></a>
189                </div>
190                <div class="pane">
191                        <a href="http://www.aptana.com" target="_new"><img src="images/rotator_aptana.png" width="130" alt="Aptana"/></a>
192                        <a href="http://www.aol.com" target="_new"><img src="images/rotator_aol.png" width="130" alt="AOL"/></a>
193                </div>
194                <div class="pane">
195                        <a href="http://www.ibm.com" target="_new"><img src="images/rotator_ibm.png" width="100" alt="IBM"/></a>
196                        <a href="http://www.zend.com/" target="_new"><img src="images/rotator_zend.png" width="130" alt="Zend"/></a>
197                </div>
198                <div class="pane">
199                        <a href="http://www.bea.com" target="_new"><img src="images/rotator_bea.png" width="80" alt="BEA"/></a>
200                        <a href="http://www.uxebu.com" target="_new"><img src="images/rotator_uxebu.png" width="120" alt="Uxebu"/></a>
201                </div>
202                <div class="pane">
203                        <a href="http://www.wavemaker.com" target="_new"><img src="images/rotator_wavemaker.png" width="130" alt="WaveMaker"/></a>
204                        <a href="http://www.aptana.com" target="_new"><img src="images/rotator_aptana.png" width="130" alt="Aptana"/></a>
205                </div>
206        </div>
207       
208        <h2>Wait For Event</h2>
209       
210        <p>The 2nd pane will wait for a event to be published by the button before proceeding.</p>
211       
212        <div data-dojo-type="dojox/widget/AutoRotator" class="rotator"
213                 data-dojo-id="myRotator3"
214                 data-dojo-props="duration: 2000, transition: 'dojox.widget.rotator.crossFade'">
215                <div class="pane">
216                        <a href="http://www.nexaweb.com" target="_new"><img src="images/rotator_nexaweb.png" width="130" alt="Nexaweb"/></a>
217                        <a href="http://www.renkoo.com" target="_new"><img src="images/rotator_renkoo.png" width="130" alt="Renkoo"/></a>
218                </div>
219                <div class="pane" waitForEvent="myEvent">
220                        <button onclick="dojo.publish('myEvent')">Continue!</button><br>
221                        <a href="http://www.sitepen.com" target="_new"><img src="images/rotator_sitepen.png" width="130" alt="Sitepen"/></a>
222                        <a href="http://www.tibco.com" target="_new"><img src="images/rotator_tibco.png" width="130" alt="Tibco"/></a>
223                </div>
224                <div class="pane">
225                        <a href="http://www.webtide.com/" target="_new"><img src="images/rotator_webtide.png" width="130" alt="Webtide"/></a>
226                        <a href="http://www.openlaszlo.com" target="_new"><img src="images/rotator_openlaszlo.png" width="150" alt="OpenLaszlo"/></a>
227                </div>
228        </div>
229       
230        <h2>Programmatic Example with Pan Left Transition</h2>
231       
232        <p>
233        <button onclick="dojo.publish('myRotator4/rotator/control', ['play']);">Play</button>
234        <button onclick="dojo.publish('myRotator4/rotator/control', ['pause']);">Pause</button>
235        <button onclick="dojo.publish('myRotator4/rotator/control', ['prev']);">Prev</button>
236        <button onclick="dojo.publish('myRotator4/rotator/control', ['next']);">Next</button>
237        <button onclick="dojo.publish('myRotator4/rotator/control', ['go', 0]);">Goto 0 (Nexaweb, Renkoo)</button>
238        <button onclick="dojo.publish('myRotator4/rotator/control', ['go', 1]);">Goto 1 (Sitepen, Tibco)</button>
239        <button onclick="dojo.publish('myRotator4/rotator/control', ['go', 2]);">Goto 2 (Webtide, OpenLaszlo)</button>
240        <button onclick="dojo.publish('myRotator4/rotator/control', ['go', 3]);">Goto 3 (Sun, Google)</button>
241        <button onclick="dojo.publish('myRotator4/rotator/control', ['go', 4]);">Goto 4 (Aptana, AOL)</button>
242        <button onclick="dojo.publish('myRotator4/rotator/control', ['go', 5]);">Goto 5 (IBM, Zend)</button>
243        <button onclick="dojo.publish('myRotator4/rotator/control', ['go', 6]);">Goto 6 (BEA, Uxebu)</button>
244        <button onclick="dojo.publish('myRotator4/rotator/control', ['go', 7]);">Goto 7 (WaveMaker, Aptana)</button>
245        </p>
246
247        <div class="rotator" id="myRotator4"></div>
248       
249        <h2>Stacked Example: Pan Rotator Over Crossfade Rotator</h2>
250       
251        <p>
252        <button onclick="myRotator3_3.play();myRotator3_4.play();">Play</button>
253        <button onclick="myRotator3_3.pause();myRotator3_4.pause();">Pause</button>
254        <button onclick="myRotator3_3.prev();myRotator3_4.prev();">Prev</button>
255        <button onclick="myRotator3_3.next();myRotator3_4.next();">Next</button>
256        <button onclick="myRotator3_3.go(0);myRotator3_4.go(0);">Goto 0 (Nexaweb, Renkoo)</button>
257        <button onclick="myRotator3_3.go(1);myRotator3_4.go(1);">Goto 1 (Sitepen, Tibco)</button>
258        <button onclick="myRotator3_3.go(2);myRotator3_4.go(2);">Goto 2 (Webtide, OpenLaszlo)</button>
259        <button onclick="myRotator3_3.go(3);myRotator3_4.go(3);">Goto 3 (Sun, Google)</button>
260        </p>
261
262        <div class="rotator" style="position:relative;">
263                <div data-dojo-type="dojox/widget/AutoRotator" class="rotatorStacked" style="z-index:100;"
264                         data-dojo-id="myRotator3_3"
265                         data-dojo-props="duration: 1500, transition: 'dojox.widget.rotator.panLeft'">
266                        <div class="pane">
267                                <a href="http://www.nexaweb.com" target="_new"><img src="images/rotator_nexaweb.png" width="130" alt="Nexaweb"/></a>
268                                <a href="http://www.renkoo.com" target="_new"><img src="images/rotator_renkoo.png" width="130" alt="Renkoo"/></a>
269                        </div>
270                        <div class="pane" transition="dojox.widget.rotator.panDown">
271                                <a href="http://www.sitepen.com" target="_new"><img src="images/rotator_sitepen.png" width="130" alt="Sitepen"/></a>
272                                <a href="http://www.tibco.com" target="_new"><img src="images/rotator_tibco.png" width="130" alt="Tibco"/></a>
273                        </div>
274                        <div class="pane" transition="dojox.widget.rotator.panRight">
275                                <a href="http://www.webtide.com/" target="_new"><img src="images/rotator_webtide.png" width="130" alt="Webtide"/></a>
276                                <a href="http://www.openlaszlo.com" target="_new"><img src="images/rotator_openlaszlo.png" width="150" alt="OpenLaszlo"/></a>
277                        </div>
278                        <div class="pane" transition="dojox.widget.rotator.panUp">
279                                <a href="http://www.sun.com" target="_new"><img src="images/rotator_sun.png" width="130" alt="Sun"/></a>
280                                <a href="http://www.google.com" target="_new"><img src="images/rotator_google.png" width="130" alt="Google"/></a>
281                        </div>
282                </div>
283                <div data-dojo-type="dojox/widget/AutoRotator" class="rotatorStacked" style="z-index:50;"
284                         data-dojo-id="myRotator3_4"
285                         data-dojo-props="duration: 1500, transition: 'dojox.widget.rotator.crossFade'">
286                        <div class="pane" style="background-color:red;"></div>
287                        <div class="pane" style="background-color:yellow;"></div>
288                        <div class="pane" style="background-color:green;"></div>
289                        <div class="pane" style="background-color:blue;"></div>
290                </div>
291        </div>
292       
293        <h2>Suspend on Hover</h2>
294       
295        <p>
296        <button onclick="dojo.publish('myRotator5/rotator/control', ['play']);">Play</button>
297        <button onclick="dojo.publish('myRotator5/rotator/control', ['pause']);">Pause</button>
298        <button onclick="dojo.publish('myRotator5/rotator/control', ['prev']);">Prev</button>
299        <button onclick="dojo.publish('myRotator5/rotator/control', ['next']);">Next</button>
300        <button onclick="dojo.publish('myRotator5/rotator/control', ['go', 0]);">Goto 0 (Nexaweb, Renkoo)</button>
301        <button onclick="dojo.publish('myRotator5/rotator/control', ['go', 1]);">Goto 1 (Sitepen, Tibco)</button>
302        <button onclick="dojo.publish('myRotator5/rotator/control', ['go', 2]);">Goto 2 (Webtide, OpenLaszlo)</button>
303        <button onclick="dojo.publish('myRotator5/rotator/control', ['go', 3]);">Goto 3 (Sun, Google)</button>
304        <button onclick="dojo.publish('myRotator5/rotator/control', ['go', 4]);">Goto 4 (Aptana, AOL)</button>
305        <button onclick="dojo.publish('myRotator5/rotator/control', ['go', 5]);">Goto 5 (IBM, Zend)</button>
306        <button onclick="dojo.publish('myRotator5/rotator/control', ['go', 6]);">Goto 6 (BEA, Uxebu)</button>
307        <button onclick="dojo.publish('myRotator5/rotator/control', ['go', 7]);">Goto 7 (WaveMaker, Aptana)</button>
308        <button onclick="dojo.publish('myRotator5/rotator/control', ['go', 8]);">Goto 8 (bad)</button>
309        <button onclick="dojo.publish('myRotator5/rotator/control', ['test']);">Bad Action</button>
310        </p>
311       
312        <div data-dojo-type="dojox/widget/AutoRotator" class="rotator" id="myRotator5"
313                 data-dojo-props="suspendOnHover: true, duration: 1000">
314                <div class="pane">
315                        <a href="http://www.nexaweb.com" target="_new"><img src="images/rotator_nexaweb.png" width="130" alt="Nexaweb"/></a>
316                        <a href="http://www.renkoo.com" target="_new"><img src="images/rotator_renkoo.png" width="130" alt="Renkoo"/></a>
317                </div>
318                <div class="pane">
319                        <a href="http://www.sitepen.com" target="_new"><img src="images/rotator_sitepen.png" width="130" alt="Sitepen"/></a>
320                        <a href="http://www.tibco.com" target="_new"><img src="images/rotator_tibco.png" width="130" alt="Tibco"/></a>
321                </div>
322                <div class="pane">
323                        <a href="http://www.webtide.com/" target="_new"><img src="images/rotator_webtide.png" width="130" alt="Webtide"/></a>
324                        <a href="http://www.openlaszlo.com" target="_new"><img src="images/rotator_openlaszlo.png" width="150" alt="OpenLaszlo"/></a>
325                </div>
326                <div class="pane">
327                        <a href="http://www.sun.com" target="_new"><img src="images/rotator_sun.png" width="130" alt="Sun"/></a>
328                        <a href="http://www.google.com" target="_new"><img src="images/rotator_google.png" width="130" alt="Google"/></a>
329                </div>
330                <div class="pane">
331                        <a href="http://www.aptana.com" target="_new"><img src="images/rotator_aptana.png" width="130" alt="Aptana"/></a>
332                        <a href="http://www.aol.com" target="_new"><img src="images/rotator_aol.png" width="130" alt="AOL"/></a>
333                </div>
334                <div class="pane">
335                        <a href="http://www.ibm.com" target="_new"><img src="images/rotator_ibm.png" width="100" alt="IBM"/></a>
336                        <a href="http://www.zend.com/" target="_new"><img src="images/rotator_zend.png" width="130" alt="Zend"/></a>
337                </div>
338                <div class="pane">
339                        <a href="http://www.bea.com" target="_new"><img src="images/rotator_bea.png" width="80" alt="BEA"/></a>
340                        <a href="http://www.uxebu.com" target="_new"><img src="images/rotator_uxebu.png" width="120" alt="Uxebu"/></a>
341                </div>
342                <div class="pane">
343                        <a href="http://www.wavemaker.com" target="_new"><img src="images/rotator_wavemaker.png" width="130" alt="WaveMaker"/></a>
344                        <a href="http://www.aptana.com" target="_new"><img src="images/rotator_aptana.png" width="130" alt="Aptana"/></a>
345                </div>
346        </div>
347       
348        <h2>Pause on Manual Change</h2>
349       
350        <p>
351        <button onclick="dojo.publish('myRotator6/rotator/control', ['play']);">Play</button>
352        <button onclick="dojo.publish('myRotator6/rotator/control', ['pause']);">Pause</button>
353        <button onclick="dojo.publish('myRotator6/rotator/control', ['prev']);">Prev</button>
354        <button onclick="dojo.publish('myRotator6/rotator/control', ['next']);">Next</button>
355        <button onclick="dojo.publish('myRotator6/rotator/control', ['go', 0]);">Goto 0 (Nexaweb, Renkoo)</button>
356        <button onclick="dojo.publish('myRotator6/rotator/control', ['go', 1]);">Goto 1 (Sitepen, Tibco)</button>
357        <button onclick="dojo.publish('myRotator6/rotator/control', ['go', 2]);">Goto 2 (Webtide, OpenLaszlo)</button>
358        <button onclick="dojo.publish('myRotator6/rotator/control', ['go', 3]);">Goto 3 (Sun, Google)</button>
359        <button onclick="dojo.publish('myRotator6/rotator/control', ['go', 4]);">Goto 4 (Aptana, AOL)</button>
360        <button onclick="dojo.publish('myRotator6/rotator/control', ['go', 5]);">Goto 5 (IBM, Zend)</button>
361        <button onclick="dojo.publish('myRotator6/rotator/control', ['go', 6]);">Goto 6 (BEA, Uxebu)</button>
362        <button onclick="dojo.publish('myRotator6/rotator/control', ['go', 7]);">Goto 7 (WaveMaker, Aptana)</button>
363        <button onclick="dojo.publish('myRotator6/rotator/control', ['go', 8]);">Goto 8 (bad)</button>
364        <button onclick="dojo.publish('myRotator6/rotator/control', ['test']);">Bad Action</button>
365        </p>
366       
367        <div data-dojo-type="dojox/widget/AutoRotator" class="rotator" id="myRotator6"
368                 data-dojo-props="pauseOnManualChange: true, duration: 1000">
369                <div class="pane">
370                        <a href="http://www.nexaweb.com" target="_new"><img src="images/rotator_nexaweb.png" width="130" alt="Nexaweb"/></a>
371                        <a href="http://www.renkoo.com" target="_new"><img src="images/rotator_renkoo.png" width="130" alt="Renkoo"/></a>
372                </div>
373                <div class="pane">
374                        <a href="http://www.sitepen.com" target="_new"><img src="images/rotator_sitepen.png" width="130" alt="Sitepen"/></a>
375                        <a href="http://www.tibco.com" target="_new"><img src="images/rotator_tibco.png" width="130" alt="Tibco"/></a>
376                </div>
377                <div class="pane">
378                        <a href="http://www.webtide.com/" target="_new"><img src="images/rotator_webtide.png" width="130" alt="Webtide"/></a>
379                        <a href="http://www.openlaszlo.com" target="_new"><img src="images/rotator_openlaszlo.png" width="150" alt="OpenLaszlo"/></a>
380                </div>
381                <div class="pane">
382                        <a href="http://www.sun.com" target="_new"><img src="images/rotator_sun.png" width="130" alt="Sun"/></a>
383                        <a href="http://www.google.com" target="_new"><img src="images/rotator_google.png" width="130" alt="Google"/></a>
384                </div>
385                <div class="pane">
386                        <a href="http://www.aptana.com" target="_new"><img src="images/rotator_aptana.png" width="130" alt="Aptana"/></a>
387                        <a href="http://www.aol.com" target="_new"><img src="images/rotator_aol.png" width="130" alt="AOL"/></a>
388                </div>
389                <div class="pane">
390                        <a href="http://www.ibm.com" target="_new"><img src="images/rotator_ibm.png" width="100" alt="IBM"/></a>
391                        <a href="http://www.zend.com/" target="_new"><img src="images/rotator_zend.png" width="130" alt="Zend"/></a>
392                </div>
393                <div class="pane">
394                        <a href="http://www.bea.com" target="_new"><img src="images/rotator_bea.png" width="80" alt="BEA"/></a>
395                        <a href="http://www.uxebu.com" target="_new"><img src="images/rotator_uxebu.png" width="120" alt="Uxebu"/></a>
396                </div>
397                <div class="pane">
398                        <a href="http://www.wavemaker.com" target="_new"><img src="images/rotator_wavemaker.png" width="130" alt="WaveMaker"/></a>
399                        <a href="http://www.aptana.com" target="_new"><img src="images/rotator_aptana.png" width="130" alt="Aptana"/></a>
400                </div>
401        </div>
402       
403</body>
404</html>
Note: See TracBrowser for help on using the repository browser.