fmtools/content
1
0
Fork 0
Code Issues 14 Pull Requests Actions Packages Releases Wiki Activity

Fix listeners

Browse Source
This commit is contained in:
Landon Taylor
2025-08-21 17:34:44 -06:00
parent 3e9b8f84b3
commit 1b3dfad81e
1 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
new-tool.md
View File

@@ -172,14 +172,17 @@ date = ${date}
<!-- <label for="other-applications">Other:</label> --> <!-- <label for="other-applications">Other:</label> -->
<input type="text" id="other-applications" placeholder="Other application"> <input type="text" id="other-applications" placeholder="Other application">
<script> <script>
document.getElementById('other-applications').addEventListener('input', function() { document.getElementById('other-applications').addEventListener('input', updateApplications);
const otherValue = this.value.trim(); Array.from(document.querySelectorAll('#applications-checkboxes input[type="checkbox"]')).forEach(cb => {
const checkboxes = Array.from(document.querySelectorAll('#applications-checkboxes input[type="checkbox"]:checked')) cb.addEventListener('change', updateApplications);
.map(cb => cb.value); });
function updateApplications() {
const otherValue = document.getElementById('other-applications').value.trim();
const checkboxes = Array.from(document.querySelectorAll('#applications-checkboxes input[type="checkbox"]:checked')).map(cb => cb.value);
const applications = otherValue ? [...checkboxes, otherValue] : checkboxes; const applications = otherValue ? [...checkboxes, otherValue] : checkboxes;
document.getElementById('applications').value = applications.join(', '); document.getElementById('applications').value = applications.join(', ');
}); }
</script> </script> </script>
<input type="hidden" id="applications"> <input type="hidden" id="applications">
</div> </div>
</td> </td>
@@ -343,14 +346,16 @@ function getCheckedApplications() {
<!-- <label for="other-interfaces">Other:</label> --> <!-- <label for="other-interfaces">Other:</label> -->
<input type="text" id="other-interfaces" placeholder="Other interface(s), separated by commas"> <input type="text" id="other-interfaces" placeholder="Other interface(s), separated by commas">
<script> <script>
document.getElementById('other-interfaces').addEventListener('input', function() { document.getElementById('other-interfaces').addEventListener('input', updateInterfaces);
const otherValues = this.value.split(',').map(s => s.trim()).filter(Boolean); Array.from(document.querySelectorAll('#interfaces-checkboxes input[type="checkbox"]')).forEach(cb => {
const checkboxes = Array.from(document.querySelectorAll('#interfaces-checkboxes input[type="checkbox"]:checked')) cb.addEventListener('change', updateInterfaces);
.map(cb => cb.value); });
function updateInterfaces() {
const otherValues = document.getElementById('other-interfaces').value.split(',').map(s => s.trim()).filter(Boolean);
const checkboxes = Array.from(document.querySelectorAll('#interfaces-checkboxes input[type="checkbox"]:checked')).map(cb => cb.value);
const interfaces = otherValues.length ? [...checkboxes, ...otherValues] : checkboxes; const interfaces = otherValues.length ? [...checkboxes, ...otherValues] : checkboxes;
document.getElementById('interfaces').value = interfaces.join(', '); document.getElementById('interfaces').value = interfaces.join(', ');
}); } </script>
</script>
<input type="hidden" id="interfaces"> </div> <input type="hidden" id="interfaces"> </div>
</td> </td>
<script> <script>