|
|
@ -43,24 +43,24 @@
|
|
|
|
<div class="row pt-5">
|
|
|
|
<div class="row pt-5">
|
|
|
|
<h3 class="text-center" id="waiting">Waiting for Coders...</h3>
|
|
|
|
<h3 class="text-center" id="waiting">Waiting for Coders...</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- <div class="row d-flex ">
|
|
|
|
<div class="row d-flex ">
|
|
|
|
<div class="col d-flex flex-column align-items-center">
|
|
|
|
<div class="col d-flex flex-column align-items-center">
|
|
|
|
<div style="background-color: red; height: 75px; width: 75px;"></div>
|
|
|
|
<div style="background-color: red; height: 75px; width: 75px;"></div>
|
|
|
|
<p class="pt-3">Player 1</p>
|
|
|
|
<p class="pt-3" id="player1">Player 1</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column align-items-center">
|
|
|
|
<div class="col d-flex flex-column align-items-center">
|
|
|
|
<div style="background-color: blue; height: 75px; width: 75px;"></div>
|
|
|
|
<div style="background-color: blue; height: 75px; width: 75px;"></div>
|
|
|
|
<p class="pt-3">Player 2</p>
|
|
|
|
<p class="pt-3" id="player2">Player 2</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column align-items-center">
|
|
|
|
<div class="col d-flex flex-column align-items-center">
|
|
|
|
<div style="background-color: yellow; height: 75px; width: 75px;"></div>
|
|
|
|
<div style="background-color: yellow; height: 75px; width: 75px;"></div>
|
|
|
|
<p class="pt-3">Player 3</p>
|
|
|
|
<p class="pt-3" id="player3">Player 3</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column align-items-center">
|
|
|
|
<div class="col d-flex flex-column align-items-center">
|
|
|
|
<div style="background-color: green; height: 75px; width: 75px;"></div>
|
|
|
|
<div style="background-color: green; height: 75px; width: 75px;"></div>
|
|
|
|
<p class="pt-3">Player 4</p>
|
|
|
|
<p class="pt-3" id="player4">Player 4</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -81,9 +81,33 @@
|
|
|
|
};
|
|
|
|
};
|
|
|
|
xhr.send(null);
|
|
|
|
xhr.send(null);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function getPlayer() {
|
|
|
|
|
|
|
|
console.log("getPlayer");
|
|
|
|
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
|
|
|
|
xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getPlayersPseudo', true);
|
|
|
|
|
|
|
|
xhr.responseType = 'text';
|
|
|
|
|
|
|
|
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
|
|
|
|
|
|
|
|
xhr.onload = function () {
|
|
|
|
|
|
|
|
var players = JSON.parse(xhr.responseText);
|
|
|
|
|
|
|
|
if (players[0] != null) {
|
|
|
|
|
|
|
|
player1.getElementById(player1)[0].innerHTML = players[0].pseudo;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (players[1] != null) {
|
|
|
|
|
|
|
|
player2.getElementById(player2)[0].innerHTML = players[1].pseudo;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (players[2] != null) {
|
|
|
|
|
|
|
|
player3.getElementById(player3)[0].innerHTML = players[2].pseudo;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (players[3] != null) {
|
|
|
|
|
|
|
|
player4.getElementById(player4)[0].innerHTML = players[3].pseudo;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
xhr.send(null);
|
|
|
|
|
|
|
|
}
|
|
|
|
window.addEventListener("load", waiting);
|
|
|
|
window.addEventListener("load", waiting);
|
|
|
|
function waiting(){
|
|
|
|
function waiting(){
|
|
|
|
var countdownTimer = setInterval('checkIsReady()', 1000);
|
|
|
|
var countdownTimer = setInterval('checkIsReady()', 1000);
|
|
|
|
|
|
|
|
setInterval('getPlayer()', 1000);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
</html>
|
|
|
|
</html>
|
|
|
|