-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathquizzeo.html
121 lines (121 loc) · 5.06 KB
/
quizzeo.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Quizzeo!</title>
<link rel="shortcut icon" href="favicon/favicon.ico" >
<link rel="icon" type="image/gif" href="favicon/animated_favicon1.gif" >
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div class="center">
<table class="table inline">
<tr>
<th class="teamName">Team 1</th>
</tr>
<tr>
<td class="teamPoints">0</td>
</tr>
</table>
<table class="table inline">
<tr>
<th class="teamName">Team 2</th>
</tr>
<tr>
<td class="teamPoints">0</td>
</tr>
</table>
<table class="table inline">
<tr>
<th class="teamName">Team 3</th>
</tr>
<tr>
<td class="teamPoints">0</td>
</tr>
</table>
<table class="table inline">
<tr>
<th class="teamName">Team 4</th>
</tr>
<tr>
<td class="teamPoints">0</td>
</tr>
</table>
</div>
<div id="hidden" class="marginBottom">
<form action="#" onsubmit="answer(event);return false;">
<span>Enter answer here: <input type="text" id="input" class="input" placeholder="Who/What is..."> <input type="submit" value="submit"></span>
</form>
</div>
<div id="hideRandom" class="marginBottom">
<form action="#" onsubmit="randomFirst(event);return false;">
<span>Choose a number (0-5) to begin: <input type="text" id="inputRandom" placeholder="Enter number here..."> <input type="submit" value="submit"></span>
</form>
</div>
<table id="mainTable" class="table">
<thead>
<tr>
<th colspan="6">Quizzeo!</th>
</tr>
</thead>
<tbody>
<tr>
<th class="categories">Loading...</th>
<th class="categories">Loading...</th>
<th class="categories">Loading...</th>
<th class="categories">Loading...</th>
<th class="categories">Loading...</th>
<th class="categories">Loading...</th>
</tr>
<tr id="rowOne">
<td><a id="0" href="#" onclick="change(event,1);return false;">100</a></td>
<td><a id="1" href="#" onclick="change(event,6);return false;">100</a></td>
<td><a id="2" href="#" onclick="change(event,11);return false;">100</a></td>
<td><a id="3" href="#" onclick="change(event,16);return false;">100</a></td>
<td><a id="4" href="#" onclick="change(event,21);return false;">100</a></td>
<td><a id="5" href="#" onclick="change(event,26);return false;">100</a></td>
</tr>
<tr id="rowTwo">
<td><a id="6" href="#" onclick="change(event,2);return false;">200</a></td>
<td><a id="7" href="#" onclick="change(event,7);return false;">200</a></td>
<td><a id="8" href="#" onclick="change(event,12);return false;">200</a></td>
<td><a id="9" href="#" onclick="change(event,17);return false;">200</a></td>
<td><a id="10" href="#" onclick="change(event,22);return false;">200</a></td>
<td><a id="11" href="#" onclick="change(event,27);return false;">200</a></td>
</tr>
<tr id="rowThree">
<td><a id="12" href="#" onclick="change(event,3);return false;">300</a></td>
<td><a id="13" href="#" onclick="change(event,8);return false;">300</a></td>
<td><a id="14" href="#" onclick="change(event,13);return false;">300</a></td>
<td><a id="15" href="#" onclick="change(event,18);return false;">300</a></td>
<td><a id="16" href="#" onclick="change(event,23);return false;">300</a></td>
<td><a id="17" href="#" onclick="change(event,28);return false;">300</a></td>
</tr>
<tr id="rowFour">
<td><a id="18" href="#" onclick="change(event,4);return false;">400</a></td>
<td><a id="19" href="#" onclick="change(event,9);return false;">400</a></td>
<td><a id="20" href="#" onclick="change(event,14);return false;">400</a></td>
<td><a id="21" href="#" onclick="change(event,19);return false;">400</a></td>
<td><a id="22" href="#" onclick="change(event,24);return false;">400</a></td>
<td><a id="23" href="#" onclick="change(event,29);return false;">400</a></td>
</tr>
<tr id="rowFive">
<td><a id="24" href="#" onclick="change(event,5);return false;">500</a></td>
<td><a id="25" href="#" onclick="change(event,10);return false;">500</a></td>
<td><a id="26" href="#" onclick="change(event,15);return false;">500</a></td>
<td><a id="27" href="#" onclick="change(event,20);return false;">500</a></td>
<td><a id="28" href="#" onclick="change(event,25);return false;">500</a></td>
<td><a id="29" href="#" onclick="change(event,30);return false;">500</a></td>
</tr>
</tbody>
</table>
<audio id="bgMusic" preload="auto"><source src="jeop.mp3" type="audio/mpeg"></audio>
<audio id="djMusic" preload="auto"><source src="dj.mp3" type="audio/mpeg"></audio>
<audio id="winMusic" preload="auto"><source src="win.mp3" type="audio/mpeg"></audio>
<audio id="loseMusic" preload="auto"><source src="buzzer.mp3" type="audio/mpeg"></audio>
<audio id="oFortuna" preload="auto" loop="loop" autoplay="autoplay"><source src="fortuna.mp3" type="audio/mpeg"></audio>
<audio id="requiem" preload="auto" loop="loop"><source src="verdi.mp3" type="audio/mpeg"></audio>
<script src="javascript/main.js" type="text/javascript"></script>
<script src="javascript/loadCategories.js" type="text/javascript"></script>
</body>
</html>