source: Dev/trunk/src/client/dojox/form/tests/test_BusyButton.html

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

Added Dojo 1.9.3 release.
File size: 4.9 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2        "http://www.w3.org/TR/html4/strict.dtd">
3<html>
4        <head>
5                <title>BusyButton Test</title>
6
7                <!-- for tests -->
8                <style type="text/css">
9                        @import url(../../../dojo/resources/dojo.css);
10                        @import url(../../../dijit/themes/tundra/tundra.css);
11                        @import url(../../../dijit/tests/css/dijitTests.css);
12                       
13                        @import url(../resources/BusyButton.css);
14                </style>
15               
16                <!-- required: a default dijit theme: -->
17                <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/tundra/tundra.css">
18               
19                <!-- required: dojo.js -->
20                <script type="text/javascript" src="../../../dojo/dojo.js"
21                        data-dojo-config="parseOnLoad: true, isDebug: true"></script>
22                <script type="text/javascript">
23                        dojo.require("dojox.form.BusyButton");
24                        dojo.require("dojo.parser");
25                        dojo.require("dijit.Menu");
26                        dojo.addOnLoad(function(){
27                                dojo.connect(dijit.byId("buttonCancel"), "onClick", function(){
28                                        dijit.byId("button_noTimeout").cancel();
29                                });
30                                dojo.connect(dijit.byId("buttonCancel2"), "onClick", function(){
31                                        dijit.byId("button_noTimeout2").set("label", "Chargeback failed...", 1000);
32                                });
33                                dojo.connect(dijit.byId("button_noTimeout3"), "_onClick", function(){
34                                        dijit.byId("button_noTimeout3").set("label", "Creating account...");
35                                        dijit.byId("button_noTimeout3").resetTimeout();
36                                });
37                        });
38                        function makeBusy(id){
39                                var widget = dijit.byId(id);
40                                if(widget && !widget.isBusy){
41                                        widget.makeBusy();
42                                }
43                        }
44                </script>
45        </head>
46        <body class="tundra">
47                <h1 class="testTitle">Test: dojox.form.BusyButton</h1>
48                <p>
49                Normal busy button, 5000 miliseconds timeout<br />
50                <button dojoType="dojox.form.BusyButton" timeout="5000" >
51                        <script type="dojo/connect" data-dojo-event="onClick" data-dojo-args="evt">
52                                console.log("dojox.form.BusyButton clicked");
53                        </script>
54                        Click
55                </button>
56                </p>
57       
58                <p>
59                Busy button, no timeout, custom label<br />
60                <button dojoType="dojox.form.BusyButton" id="button_noTimeout" busyLabel="Charging creditcard..." >Pay now</button> <button dojoType="dijit.form.Button" id="buttonCancel">Cancel button</button>
61                </p>
62                <p>
63                Busy button, no initial timeout, changing state and setting timeout on button press<br />
64                <button dojoType="dojox.form.BusyButton" id="button_noTimeout2" busyLabel="Canceling payment...">Cancel payment</button> <button dojoType="dijit.form.Button" id="buttonCancel2">Change state</button>
65                </p>
66                <p>
67                Busy button, initially busy with 10 sec timeout<br />
68                <button dojoType="dojox.form.BusyButton" id="button_noTimeout3" isBusy="true" busyLabel="Please read the agreement..." timeout="10000">I Agree</button>
69                </p>
70                <p>
71                Combo and DropDown Buttons (5000 ms timeout)<br />
72                        <button dojoType="dojox.form.BusyComboButton" id="comboBusy" timeout="5000" optionsTitle='save options' onClick='console.log("clicked combo save")'
73                                        iconClass="plusIcon">
74                                <span>Create</span>
75                                <div dojoType="dijit.Menu" id="createMenu" style="display: none;">
76                                        <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIcon dijitEditorIconSave"
77                                                onClick="makeBusy('comboBusy'); console.log('not actually saving anything, just a test!')">Create blank</div>
78                                        <div dojoType="dijit.MenuItem"
79                                                onClick="makeBusy('comboBusy'); console.log('not actually saving anything, just a test!')">Create from template</div>
80                                </div>
81                        </button>
82                        <button dojoType="dojox.form.BusyDropDownButton" id="dropDownBusy" timeout="5000" iconClass="noteIcon">
83                                <span>Edit<b>!</b></span>
84                                <div dojoType="dijit.Menu">
85                                        <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIcon dijitEditorIconCut"
86                                                onClick="makeBusy('dropDownBusy'); console.log('not actually cutting anything, just a test!')">Cut</div>
87                                        <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIcon dijitEditorIconCopy"
88                                                onClick="makeBusy('dropDownBusy'); console.log('not actually copying anything, just a test!')">Copy</div>
89                                        <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIcon dijitEditorIconPaste"
90                                                onClick="makeBusy('dropDownBusy'); console.log('not actually pasting anything, just a test!')">Paste</div>
91                                        <div dojoType="dijit.MenuSeparator"></div>
92                                        <div dojoType="dijit.PopupMenuItem">
93                                                <span>Submenu</span>
94                                                <div dojoType="dijit.Menu" id="submenu2">
95                                                        <div dojoType="dijit.MenuItem" onClick="makeBusy('dropDownBusy'); console.log('Submenu 1!')">Submenu Item One</div>
96                                                        <div dojoType="dijit.MenuItem" onClick="makeBusy('dropDownBusy'); console.log('Submenu 2!')">Submenu Item Two</div>
97                                                        <div dojoType="dijit.PopupMenuItem">
98                                                                <span>Deeper Submenu</span>
99                                                                <div dojoType="dijit.Menu" id="submenu4">
100                                                                        <div dojoType="dijit.MenuItem" onClick="makeBusy('dropDownBusy'); console.log('Sub-submenu 1!')">Sub-sub-menu Item One</div>
101                                                                        <div dojoType="dijit.MenuItem" onClick="makeBusy('dropDownBusy'); console.log('Sub-submenu 2!')">Sub-sub-menu Item Two</div>
102                                                                </div>
103                                                        </div>
104                                                </div>
105                                        </div>
106                                </div>
107                        </button>
108                </p>
109        </body>
110</html>
Note: See TracBrowser for help on using the repository browser.