/
default.html
77 lines (65 loc) · 3.02 KB
/
default.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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="progressplugin.css" rel="stylesheet" />
<script src="jquery-1.9.0.min.js"></script>
<script src="progressplugin.js"></script>
<style>
body {
background-color: rgb(49, 179, 168);
}
.container {
background-color: white;
width: 80%;
min-height: 300px;
margin: 20px auto;
padding: 10px 10px;
}
#demo1target, #demo2target {
width: 80%;
border-radius: 5px;
margin: 10px auto;
border: 1px solid grey;
padding: 10px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$('#demo1').click(function () {
$('#demo1target').progressplugin('show');
});
$('#demo1close').click(function () {
$('#demo1target').progressplugin('hide');
});
$('#demo2').click(function () {
$('#demo2target').progressplugin('show');
});
$('#demo2close').click(function () {
$('#demo2target').progressplugin('hide');
});
});
</script>
</head>
<body>
<div class="container">
<h1>Demo 1</h1>
<p>
This demo shows when the progress plugin is targeting a dom element say a div.Please click to launch
<input type="button" id="demo1" value="Launch Demo1">
<input type="button" id="demo1close" value="Close Demo1">
</p>
<div id="demo1target">
Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsuk
</div>
<h1>Demo 2</h1>
<p>
This demo shows when the progress plugin is targeting a dom element say a div but the di doesnt have any content in it.Please click to launch
<input type="button" id="demo2" value="Launch Demo2">
<input type="button" id="demo2close" value="Close Demo2">
</p>
<div id="demo2target">
</div>
</div>
</body>
</html>