-
Notifications
You must be signed in to change notification settings - Fork 0
/
beatless.html
67 lines (66 loc) · 5.74 KB
/
beatless.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8" />
<title>table</title>
<link rel="icon" type="image/x-icon" href="images/favicon.jpg">
<link rel="stylesheet" href="font.css" />
<link rel="stylesheet" href="main.css" />
</head>
<body>
<div w3-include-html="body.html"></div>
<br><br><br>
<div class="container">
<!-- searchbox !-->
<p id="searchbox"></p>
<table class='sortable' id='datatable'>
<thead><tr>
<th width=20px;>
<div class='trdropdown'><button class='trdropbtn'></button><div class='trdropdown-content'>
<a href='' onclick="localStorage.setItem('tdelement', '1')";>artist</a>
<a href='' onclick="localStorage.setItem('tdelement', '2')";>title</a>
<a href='' onclick="localStorage.setItem('tdelement', '3')";>album</a>
<a href='' onclick="localStorage.setItem('tdelement', '4')";>genre</a>
<a href='' onclick="localStorage.setItem('tdelement', '5')";>year</a>
</div></div>
</th>
<th>artist</th>
<th>title</th>
<th>album</th>
<th>genre</th>
<th>year</th>
</tr></thead>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - baby you are a rich man.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>baby you are a rich man</td><td>Magical Mystery Tour</td><td>rock</td><td>1987</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - eleanor rigby.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>Eleanor Rigby</td><td>Revolver</td><td>rock</td><td>1998</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - fixing a hole.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>Fixing a Hole</td><td>Sgt. Pepper's Lonely Hearts Club Band</td><td>classic rock</td><td>----</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - fool on the hill.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>Fool On The Hill</td><td>Magical Mystery Tour</td><td>rock</td><td>1987</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - good day sunshine.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>good day sunshine</td><td>Revolver</td><td>rock</td><td>1998</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - got to get you into my life.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>got to get you into my life</td><td>Revolver</td><td>rock</td><td>1998</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - hello goodbye.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>hello goodbye</td><td>Magical Mystery Tour</td><td>rock</td><td>1987</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - help.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>Help</td><td>Help!</td><td>rock</td><td>1988</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - magical mystery tour.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>Magical Mystery Tour</td><td>Magical Mystery Tour</td><td>rock</td><td>1987</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - pennylane.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>pennylane</td><td>Magical Mystery Tour</td><td>rock</td><td>1987</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - she said she said.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>she said she said</td><td>Revolver</td><td>rock</td><td>1998</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - strawberry fields forever.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>strawberry fields forever</td><td>Magical Mystery Tour</td><td>rock</td><td>1987</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - taxman.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>Taxman</td><td>Revolver</td><td>rock</td><td>1998</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - ticket to ride.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>ticket to ride</td><td>Help!</td><td>rock</td><td>1988</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - you are going to lose that girl.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>you are going to lose that girl</td><td>Help!</td><td>rock</td><td>1988</td></tr>
<tr class='trlight' onclick="audioplay('file://g:/data/mp3/beatless/the beatles - your mother should know.mp3', this);"><td><div class='audiobutton'></div></td><td>The Beatles</td><td>your mother should know</td><td>Magical Mystery Tour</td><td>rock</td><td>1987</td></tr>
</table>
</div>
<!-- dummy image as placeholder for image overlay !-->
<img id="myImg" src="">
<br><br><br>
<footer class="footer">
<div class="container-audio">
<audio id="audio" title="" controls>
Your browser dose not Support the audio Tag
</audio>
</div>
</footer>
<script type="text/javascript" src="lib.js"></script>
<script type="text/javascript" src="libtheme.js"></script>
<script type="text/javascript" src="imageviewer.js"></script>
<script type="text/javascript" src="indexcode.js"></script>
</body>
</html>