Taylor/trojans-trophy-room
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed issue on tournament-adding form where changing the numbers of players would disable autofill

Browse Source
This commit is contained in:
Taylor Courage 2025-03-08 20:32:19 -05:00
parent e595726885
commit 03c2bf594e
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
admin/data_management/tourney_form.php
View File

@ -104,7 +104,7 @@ try { // Try opening the SQL database connection
</select> </select>
<p class="newLine"></p> <p class="newLine"></p>
<label for="numPlayers">Players:</label> <label for="numPlayers">Players:</label>
<select id="numPlayers" name="numPlayers" tabindex="1" onchange="addPlayers()"> <select id="numPlayers" name="numPlayers" tabindex="1" onchange="changePlayers()">
<option value="1">1v1</option> <option value="1">1v1</option>
<option value="2" selected="selected">2v2</option> <option value="2" selected="selected">2v2</option>
<option value="3">3v3</option> <option value="3">3v3</option>

22
scripts/tourney_management.js
View File

@ -8,12 +8,32 @@ function addPlayers(){
playerDataTable.innerHTML = ""; // Clear table playerDataTable.innerHTML = ""; // Clear table
// Create the appropriate number of rows for players, based on the user input // Create the appropriate number of rows for players, based on the user input
for (var i = 1; i <= numberPlayers; i++) { for (var i = 1; i <= 4; i++) {
row = playerDataTable.insertRow(-1); row = playerDataTable.insertRow(-1);
var playerNum = row.insertCell(0); var playerNum = row.insertCell(0);
var playerName = row.insertCell(1); var playerName = row.insertCell(1);
playerNum.innerHTML = i + " -"; playerNum.innerHTML = i + " -";
playerName.innerHTML = "<input type=\"text\" name=\"winningPlayer" + i + "\" id=\"" + i + "\" class=\"playerInput\" maxlength=\"30\" tabindex=\"3\">"; playerName.innerHTML = "<input type=\"text\" name=\"winningPlayer" + i + "\" id=\"" + i + "\" class=\"playerInput\" maxlength=\"30\" tabindex=\"3\">";
row.id = "row" + i;
row.classList.add("hidden");
}
for (var i = 1; i <= numberPlayers; i++) {
document.getElementById("row" + i).classList.remove("hidden");
}
}
function changePlayers() {
// Changes the number of players displayed
var numberPlayers = document.getElementById("numPlayers").value;
for (var i = 1; i <= 4; i++) {
document.getElementById("row" + i).classList.add("hidden");
}
for (var i = 1; i <= numberPlayers; i++) {
document.getElementById("row" + i).classList.remove("hidden");
} }
} }