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,
td {
padding: 16px;
width: 128px;
height: 128px;
overflow: hidden;
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 src="jquery.min.js"></script>
<script src="index.js"></script>
</head>
<body>
<audio id="goodaudio">
<source src="assets/good.ogg" type="audio/ogg">
</audio>
<audio id="failaudio">
<source src="assets/fail.ogg" type="audio/ogg">
</audio>
</head>
<body>
<div id="lettercontainer" class="itemcont">
<div id="letterholder" class="itemstor">
</div>
@@ -41,25 +41,29 @@
</div>
</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>
</td>
<td>
<div id="refresh" class="fixbgimage activepart"></div>
<div id="refresh" class="fixbgimage activepart">
</div>
</td>
</tr>
<tr>
<div id="lettersky" class="activepart">
<td>
<div id="lettersky" class="activepart">
</div>
</div>
</td>
</tr>
<tr>
<div id="imagesky" class="activepart">
<td>
<div id="imagesky" class="activepart">
</div>
</div>
</td>
</tr>
</tbody>
</table>

14
index.js
View File

@@ -30,17 +30,19 @@ let words = [
];
function makeSpaceWord(word){
$("#lettersky").html("");
$("#imagesky").html("");
let length = word.length;
var lettersky = "";
var imagesky = "";
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++;
$("#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++;
}
$("#lettersky").append('<td><div id="letterstatus" class="status fixbgimage"></div></td>');
$("#imagesky").append('<td><div id="imagestatus" class="status fixbgimage"></div></td>');
lettersky = lettersky + ('<td><div id="letterstatus" 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/";