BRNSystems/HearingGame
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some fixes

Browse Source
This commit is contained in:
Bruno Rybársky
2023-04-07 09:44:01 +02:00
parent 4f80def024
commit 56e46b05eb
3 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.css
View File

@@ -58,8 +58,6 @@ body {
th, th,
td { td {
padding: 16px; padding: 16px;
width: 128px;
height: 128px;
overflow: hidden; overflow: hidden;
display: inline-block; display: inline-block;
} }

20
index.html
View File

@@ -7,14 +7,14 @@
<script data-website-id="11366cfe-e3d4-4b98-a19f-7ed471a37f71" src="https://umami.brn.systems/umami.js"></script> <script data-website-id="11366cfe-e3d4-4b98-a19f-7ed471a37f71" src="https://umami.brn.systems/umami.js"></script>
<script src="jquery.min.js"></script> <script src="jquery.min.js"></script>
<script src="index.js"></script> <script src="index.js"></script>
</head>
<body>
<audio id="goodaudio"> <audio id="goodaudio">
<source src="assets/good.ogg" type="audio/ogg"> <source src="assets/good.ogg" type="audio/ogg">
</audio> </audio>
<audio id="failaudio"> <audio id="failaudio">
<source src="assets/fail.ogg" type="audio/ogg"> <source src="assets/fail.ogg" type="audio/ogg">
</audio> </audio>
</head>
<body>
<div id="lettercontainer" class="itemcont"> <div id="lettercontainer" class="itemcont">
<div id="letterholder" class="itemstor"> <div id="letterholder" class="itemstor">
</div> </div>
@@ -41,25 +41,29 @@
</div> </div>
</td> </td>
<td> <td>
<div id="trashcan" class="fixbgimage activepart" ondrop="droptrash(event)" ondragover="allowDrop(event)"></div> <div id="trashcan" class="fixbgimage activepart" ondrop="droptrash(event)" ondragover="allowDrop(event)">
</div> </div>
</td> </td>
<td> <td>
<div id="refresh" class="fixbgimage activepart"></div> <div id="refresh" class="fixbgimage activepart">
</div> </div>
</td> </td>
</tr> </tr>
<tr> <tr>
<div id="lettersky" class="activepart"> <td>
<div id="lettersky" class="activepart">
</div> </div>
</td>
</tr> </tr>
<tr> <tr>
<div id="imagesky" class="activepart"> <td>
<div id="imagesky" class="activepart">
</div> </div>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

14
index.js
View File

@@ -30,17 +30,19 @@ let words = [
]; ];
function makeSpaceWord(word){ function makeSpaceWord(word){
$("#lettersky").html("");
$("#imagesky").html("");
let length = word.length; let length = word.length;
var lettersky = "";
var imagesky = "";
for (var i = 0; i < length; i++) { for (var i = 0; i < length; i++) {
$("#lettersky").append('<td><div ondrop="drop(event)" id="letterko' + ranid +'" finalplaceindex="' + i +'" ondragover="allowDrop(event)" class="letterplace finalplace finalletterplace place"></td>'); lettersky = lettersky + ('<td><div ondrop="drop(event)" id="letterko' + ranid +'" finalplaceindex="' + i +'" ondragover="allowDrop(event)" class="letterplace finalplace finalletterplace place"></td>');
ranid++; ranid++;
$("#imagesky").append('<td><div ondrop="drop(event)" id="letterko' + ranid +'" finalplaceindex="' + i +'" ondragover="allowDrop(event)" class="imageplace finalplace finalimageplace place"></td>'); imagesky = imagesky + ('<td><div ondrop="drop(event)" id="letterko' + ranid +'" finalplaceindex="' + i +'" ondragover="allowDrop(event)" class="imageplace finalplace finalimageplace place"></td>');
ranid++; ranid++;
} }
$("#lettersky").append('<td><div id="letterstatus" class="status fixbgimage"></div></td>'); lettersky = lettersky + ('<td><div id="letterstatus" class="status fixbgimage"></div></td>');
$("#imagesky").append('<td><div id="imagestatus" class="status fixbgimage"></div></td>'); imagesky = imagesky + ('<td><div id="imagestatus" class="status fixbgimage"></div></td>');
$("#lettersky").html(lettersky);
$("#imagesky").html(imagesky);
} }
let prefix = "assets/"; let prefix = "assets/";