StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCheck if team already added
text
Body
copied!<p>I have a page where you can invite teams. Clicking "Invite teams" makes a popup box appear showing a search input. The search-function is AJAX based. When a team is found through your search word(s), you'll have to click on the team whereupon the team will be showed in a "Invited-teams"-box. </p> <p>It works in a way that when you "add" the team, a hidden input field is generated containing the team's ID as a value. The problem is that with my current code, it is possible to add the same team as many times as you wish. I should be possible to check, if the team can be found in the hidden-input-data. If it already exists, it should not be possible to add the sane team.</p> <p>My current javascript-code can be found beneath here. Please notice that I have tried to make the code that checks the team, but it doesn't work.</p> <pre><code>function addTeam(tid) { // Grab the input value var teamName = document.getElementById(tid).innerHTML; var teamID = document.getElementById(tid).id; // If empty value if(!teamName || !teamID) { alert('An error occured.'); } else { //Tried to do the "team-adlready-added"-test, but it doesn't work var stored_teams = $t('#store-teams').getElementsByTagName('input'); for (var i = 0; i < stored_teams.length; i++) { var stored_team = stored_teams[i]; if(stored_team.value == teamID) { break; var team_already_added = 1; } alert(team_already_added); } if((team_already_added) || team_already_added != 1) { // Store the team's ID in hidden inputs var store_team = document.createElement('input'); store_team.type = 'hidden'; store_team.value = teamID; // Append it and attach the event (via onclick) $t('#store-teams').appendChild(store_team); // Create the teams with the value as innerHTML var div = document.createElement('div'); div.className = 'team-to-invite'; div.innerHTML = teamName; // Append it and attach the event (via onclick) $t('#teams').appendChild(div); } div.onclick = removeTeam; } return false; } </code></pre> <p>Thanks in advance. </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload