/
example.html
55 lines (52 loc) · 2.1 KB
/
example.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
50
51
52
53
54
55
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script type='text/javascript' src='jquery.workflow.js'></script>
</head>
<body>
<div id='workflow'> </div>
<script>
$('#workflow').workflow({
html: 'toplevel initial html<br/>',
dflt: 'the optional default for the toplevel option',
options: [{
option: 'first option',
dflt: 'default for the sub-options for the first option',
options: [{
option: 'first sub-option to the first option',
html: 'html for the endpoint of the first sub-option to the first option'
}, {
option: 'second sub-option to the first option',
html: 'html for the endpoint of the second sub-option to the first option'
}, {
option: 'third sub-option to the first option',
html: 'html for the endpoint of the thrid sub-option to the first option'
}]
}, {
option: 'second option',
html: 'html for the endpoint of the second option'
}, {
option: 'thrid option',
options: [{
option: 'first sub-option to the third option',
html: 'html for the endpoint of the first sub-option to the third option'
}, {
option: 'second sub-option to the third option',
html: 'html for the endpoint of the second sub-option to the third option'
}, {
option: 'third sub-option to the third option',
html: 'some arbitrary html before the next set of options<br />',
options: [{
option: 'first sub-sub-option to the third sub-option to the third option',
html: 'html for the endpoint of the first sub-sub-option to the third sub-option to the third option'
}, {
option: 'second sub-sub-option to the third sub-option to the third option',
html: 'html for the endpoint of the second sub-sub-option to the third sub-option to the third option'
}]
}]
}]
});
</script>
</body>
</html>