/
example-inputs.html
49 lines (42 loc) · 1.38 KB
/
example-inputs.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<div class="row">
<div class="twelve columns">
<h2 class="fieldset-title">On Input Fields</h2>
</div>
</div>
<div class="row">
<div class="one-half column">
<div class="field">
<label class="label" for="busy-input">Busy Input Field</label>
<input class="busy" type="text" id="busy-input" data-options="{ 'blockUI': false, 'displayDelay': 100, 'timeToComplete': 4000 }"/>
</div>
<div class="field">
<button class="btn-secondary" id="trigger-busy-input" type="button">Load</button>
</div>
</div>
<div class="one-half column">
<div class="field">
<label class="label" for="busy-dropdown">Busy Dropdown</label>
<select class="dropdown busy" id="busy-dropdown" data-options="{ 'blockUI': false, 'displayDelay': 100, 'timeToComplete': 4000 }">
<option selected>Busy</option>
<option>Preoccupied</option>
<option>Distracted</option>
<option>Engaged</option>
</select>
</div>
<div class="field">
<button class="btn-secondary" id="trigger-busy-dropdown" type="button">Load</button>
</div>
</div>
</div>
<script>
$(function(){
$('#trigger-busy-input').click(function(e) {
e.preventDefault();
$('#busy-input').trigger('start');
});
$('#trigger-busy-dropdown').click(function(e) {
e.preventDefault();
$('#busy-dropdown').trigger('start');
});
});
</script>