commit 83a3769e1a2137c4470afe1d91d4d2ada2b2a2d8
parent 019197e59f48d537f860c745bfbaf4f0c27608aa
Author: Georges Dupéron <jahvascriptmaniac+github@free.fr>
Date: Tue, 29 Mar 2011 16:32:11 +0200
Nettoyage du code, gestion de la fin de partie.
Diffstat:
2 files changed, 26 insertions(+), 32 deletions(-)
diff --git a/code/html5/index.html b/code/html5/index.html
@@ -11,17 +11,17 @@
height: 400px;
}
-.centralWord.caption {
+.mn.caption {
border-bottom: thin solid blue;
text-align: center;
}
-.currentWord.caption {
+.mc.caption {
border-bottom: thin solid blue;
text-align: center;
}
-.relation {
+.relations div {
padding-left: 76px;
background-color: #dfe;
-moz-border-radius: 10px;
@@ -31,12 +31,12 @@
background-position: 0 center;
}
-.relation.rid-1 { background-image: url("img/rel/-1.png"); }
-.relation.rid0 { background-image: url("img/rel/0.png"); }
-.relation.rid5 { background-image: url("img/rel/5.png"); }
-.relation.rid7 { background-image: url("img/rel/7.png"); }
-.relation.rid9 { background-image: url("img/rel/9.png"); }
-.relation.rid10 { background-image: url("img/rel/10.png"); }
+.relations .rid-1 { background-image: url("img/rel/-1.png"); }
+.relations .rid0 { background-image: url("img/rel/0.png"); }
+.relations .rid5 { background-image: url("img/rel/5.png"); }
+.relations .rid7 { background-image: url("img/rel/7.png"); }
+.relations .rid9 { background-image: url("img/rel/9.png"); }
+.relations .rid10 { background-image: url("img/rel/10.png"); }
</style>
<script src="jquery-1.5.1.min.js"></script>
@@ -44,14 +44,9 @@
</head>
<body>
<div id="screen">
- <div class="centralWord caption">MotCentral</div>
- <div class="currentWord caption">MotNuage</div>
- <div id="relations">
- <div id="r0" class="relation"></div>
- <div id="r1" class="relation"></div>
- <div id="r2" class="relation"></div>
- <div id="r3" class="relation"></div>
- </div>
+ <div class="mn caption"></div>
+ <div class="mc caption"></div>
+ <div class="relations"></div>
</div>
</body>
</html>
diff --git a/code/html5/pticlic.js b/code/html5/pticlic.js
@@ -1,32 +1,31 @@
-if (typeof console == "undefined") { console = {}; }
-if (typeof console.log == "undefined") { console.log = function() {}; }
-
$(function () {
var url = "tmp.json"
$.getJSON(url, function(data) {
- dbg = data;
var game = data[0];
var currentWordNb = 0;
var answers = [];
var refresh = function() {
- $(".currentWord").text(game.cloud[currentWordNb].name);
-
- $.each(game.cat, function(rel, cat) {
- $("#r"+rel).text(cat.name.replace("%mc", game.center.name).replace("%mn", game.cloud[currentWordNb].name));
- });
+ if (currentWordNb < game.cloud.length) {
+ $(".mc").text(game.cloud[currentWordNb].name);
+ $(".mn").text(game.center.name);
+ } else {
+ $(".relations").empty();
+ alert("Partie terminée !");
+ }
}
- refresh();
-
- $(".centralWord").text(game.center.name);
- $.each(game.cat, function(rel, cat) {
- $("#r"+rel)
+ $.each(game.cat, function(i, cat) {
+ $('<div/>')
+ .html(cat.name.replace(/%(m[cn])/g, '<span class="$1"/>'))
.addClass("rid"+cat.id)
.click(function() {
answers[currentWordNb++] = cat.id;
refresh();
- });
+ })
+ .appendTo(".relations");
});
+
+ refresh();
});
});
