gitolite/pngs
gitolite
/
pngs
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

display jokers in question screen

This commit is contained in:
Astro 2011-11-28 03:11:04 +01:00
parent df4e1f4ab2
commit 8b7a8a1bbe
3 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
index.html
View File

@ -28,9 +28,33 @@
<div id="game">
<ul id="players">
<li class="player0"><span class="name"></span><span class="score">0</span></li>
<li class="player1"><span class="name"></span><span class="score">0</span></li>
<li class="player2"><span class="name"></span><span class="score">0</span></li>
<li class="player0"><span class="name"></span><span class="score">0</span>
<br>
<img src="fiftyfifty.png" class="fiftyfifty">
<img src="nedap.png" class="nedap">
<img src="irc.png" class="irc">
<img src="fwd.png" class="fwd">
<img src="morse.png" class="morse">
<img src="leak.png" class="leak">
</li>
<li class="player1"><span class="name"></span><span class="score">0</span>
<br>
<img src="fiftyfifty.png" class="fiftyfifty">
<img src="nedap.png" class="nedap">
<img src="irc.png" class="irc">
<img src="fwd.png" class="fwd">
<img src="morse.png" class="morse">
<img src="leak.png" class="leak">
</li>
<li class="player2"><span class="name"></span><span class="score">0</span>
<br>
<img src="fiftyfifty.png" class="fiftyfifty">
<img src="nedap.png" class="nedap">
<img src="irc.png" class="irc">
<img src="fwd.png" class="fwd">
<img src="morse.png" class="morse">
<img src="leak.png" class="leak">
</li>
</ul>
<p id="tier">
0

4
quiz.css
View File

@ -29,6 +29,10 @@ p {
#players li span {
margin: 0 0.2em;
}
#players li img {
display: inline-block;
height: 0.8em;
}
.name {
color: #7f7f7f;
}

1
quiz.js
View File

@ -259,6 +259,7 @@ function takeJoker(activePlayer, joker) {
playerJokers[activePlayer][joker] = true;
saveGamestate();
$('#tier').append('<img src="' + joker + '.png">');
$('#players .player' + activePlayer + ' .' + joker).hide();
if (joker === 'fiftyfifty') {
var h1, h2, answers = questions[currentQuestion].answers;