datatracker/static/js/spin/example/amd.html at e921927c594fb381ea31f0ea58013a7d2bbf30fc · https-github-com-bit/datatracker · GitHub

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
<!DOCTYPE html>
<html>
<head>
  <title>spin.js</title>
  <style type="text/css">
  body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
  }
  .preview {
    background: #aaa;
    color: black;
    width: 220px;
    height: 220px;
    margin: 0 20px;
    float: left;
    border-radius: 10px;
  }
  #preview2 {
    background: #666;
    color: red;
  }
  </style>
</head>
<body>

<div id="preview1" class="preview"></div>
<div id="preview2" class="preview"></div>

<script src="require.js"></script>
<script>
require.config({
  baseUrl: '..',
  paths: {
    jquery: 'assets/jquery'
  }
})

require(['jquery', 'jquery.spin'], function($) {
  $('#preview1').spin('tiny', 'teal');
  $('#preview2').spin({color: '#fff'});

  //Remove spinner upon click
  $('.preview').click(function() {
    $(this).spin(false);
  });
})
</script>
</body>
</html>