tap-tap-reorder/sample.html at master · jsdev/tap-tap-reorder · 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
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html>
<head>
    <title>My NBA MVP Ballot</title>
    <link rel="stylesheet" type="text/css" href="css/sample.css" />
</head>
<body>
<ol class='tap-tap'>
    <li><a href="#">Carmelo Anthony</a></li>
    <li><a href="#">Kevin Durant</a></li>
    <li><a href="#">Tim Duncan</a></li>
    <li><a href="#">Marc Gasol</a></li>
    <li><a href="#">Chris Paul</a></li>
    <li><a href="#">Pau Gasol</a></li>
    <li><a href="#">LeBron James</a></li>
    <li><a href="#">Anthony Davis</a></li>
    <li><a href="#">Stephen Curry</a></li>
    <li><a href="#">James Harden</a></li>
</ol><ul class='tap-tap'>
    <li><a href="#">Carmelo Anthony</a></li>
    <li><a href="#">Kevin Durant</a></li>
    <li><a href="#">Tim Duncan</a></li>
    <li><a href="#">Marc Gasol</a></li>
    <li><a href="#">Chris Paul</a></li>
    <li><a href="#">Pau Gasol</a></li>
    <li><a href="#">LeBron James</a></li>
    <li><a href="#">Anthony Davis</a></li>
    <li><a href="#">Stephen Curry</a></li>
    <li><a href="#">James Harden</a></li>
</ul>

<table class='tap-tap'>
    <tr><td><a href="#">Carmelo Anthony</a></td></tr>
    <tr><td><a href="#">Kevin Durant</a></td></tr>
    <tr><td><a href="#">Tim Duncan</a></td></tr>
    <tr><td><a href="#">Marc Gasol</a></td></tr>
    <tr><td><a href="#">Chris Paul</a></td></tr>
    <tr><td><a href="#">Pau Gasol</a></td></tr>
    <tr><td><a href="#">LeBron James</a></td></tr>
    <tr><td><a href="#">Anthony Davis</a></td></tr>
    <tr><td><a href="#">Stephen Curry</a></td></tr>
    <tr><td><a href="#">James Harden</a></td></tr>
</table>

<script src="js/ordinal.js"></script>
<script src="js/tap.tap.reorder.js"></script>
<script>
    var tapTapList, tapTapLists = document.querySelectorAll('.tap-tap');
    for (var i = 0, len = tapTapLists.length; i < len; i++ )
    {   tapTapList = tapTapLists[i];
        tapTapList.tapTapReorderInit();
        tapTapList.addEventListener('click', function () {
            this.setOrdinals();
        });
    }
//    tapTapList.click();
</script>
</body>
</html>