Skip to content
Newer
Older
100644 47 lines (44 sloc) 1.35 KB
c387404 @azatoth initial commit of the real code
authored Apr 11, 2010
1 <?xml version="1.1" charset="UTF-8"?>
2 <!DOCTYPE html>
3 <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6 <script src="http://js.azatoth.net/libs/jquery/1.4.2/jquery.js"></script>
7 <script src="http://js.azatoth.net/libs/jquery-ui/1.8/ui/jquery-ui.js"></script>
8 <script src="jquery.throbber.js"></script>
9 <link rel="stylesheet" href="http://js.azatoth.net/libs/jquery-ui/1.8/themes/base/jquery-ui.css" />
10 <link rel="stylesheet" href="jquery.throbber.css" />
11 <title>jQuery UI Throbber test</title>
12 <style>
13 .box1 {
14 width: 300px;
15 height: 100px;
16 border: 1px solid gray;
17 position: relative;
18 }
19 .box2 {
20 width: 300px;
21 height: 100px;
22 border: 1px solid gray;
23 position: relative;
24 background-color: black;
25 }
26
27 </style>
28 <script type="text/javascript"
29 src="http://jqueryui.com/themeroller/themeswitchertool/">
30 </script>
31 <script>
32 $(function(){
33 $('#switcher').themeswitcher();
34 $('#global').toggle( function(){$.throbber.show({overlay: false})}, $.throbber.hide );
35 $('.box1').throbber().throbber('show');
36 $('.box2').throbber().throbber('show');
37 });
38 </script>
39
40 </head>
41 <body>
42 <button id="global">Toggle global throbber</button>
43 <div class="box1"></div>
44 <div class="box2"></div>
45 </body>
46 </html>
Something went wrong with that request. Please try again.