Checkbox fix, old progressbar removal and visibility fix in the new one

This commit is contained in:
2025-12-15 13:54:31 +01:00
parent bb589e6aad
commit 20b4ae6a3b
4 changed files with 68 additions and 5 deletions
+1 -5
View File
@@ -110,11 +110,7 @@
<div class="step" id="step4" style="display:none;">
<button class="submit-btn" id="submitButton" onclick="checkBoxes()" disabled>Submit</button>
<div class="progressbar" id="progressbar">
<div class="progress_fill"></div>
<span class="progress_text">0%</span>
</div>
<div class="testy">
<div class="testy" id="testy">
<div class="box2" id="box1">
</div>
<p>---Starting---</p>
+64
View File
@@ -105,6 +105,68 @@ nextBtn.addEventListener("click", () => {
}
});
//Checkboxlistener so that only one can be selected at a time
docFormat.addEventListener("change", (e) =>{
try {
if(docFormat.checked){
docFormatSummary1.checked = false;
docFormatSummary2.checked = false;
docFormatSummary3.checked = false;
docFormatCustom.checked = false;
}
} catch (error) {
}
})
docFormatSummary1.addEventListener("change", (e) =>{
try {
if(docFormatSummary1.checked){
docFormat.checked = false;
docFormatSummary2.checked = false;
docFormatSummary3.checked = false;
docFormatCustom.checked = false;
}
} catch (error) {
}
})
docFormatSummary2.addEventListener("change", (e) =>{
try {
if(docFormatSummary2.checked){
docFormatSummary1.checked = false;
docFormat.checked = false;
docFormatSummary3.checked = false;
docFormatCustom.checked = false;
}
} catch (error) {
}
})
docFormatSummary3.addEventListener("change", (e) =>{
try {
if(docFormatSummary3.checked){
docFormatSummary1.checked = false;
docFormatSummary2.checked = false;
docFormat.checked = false;
docFormatCustom.checked = false;
}
} catch (error) {
}
})
docFormatCustom.addEventListener("change", (e) =>{
try {
if(docFormatCustom.checked){
docFormatSummary1.checked = false;
docFormatSummary2.checked = false;
docFormatSummary3.checked = false;
docFormat.checked = false;
}
} catch (error) {
}
})
//Speaker change listener
cur_speaker.addEventListener("change", (e) =>{
try {
@@ -173,3 +235,5 @@ function setCircleFour(){
}
}
+2
View File
@@ -37,6 +37,7 @@ function checkBoxes() {
iter++;
}
});
document.getElementById("testy").style.visibility = "visible"
document.getElementById("box1").style.backgroundColor = "red";
document.getElementById("box2").style.backgroundColor = "red";
document.getElementById("box3").style.backgroundColor = "red";
@@ -305,3 +306,4 @@ function setSpeakerAudiosValue(valy){
}
}
+1
View File
@@ -343,6 +343,7 @@ input[type="file"] {
border-color: black;
border-style: solid;
border-radius: 6px;
visibility: hidden;
}
.box2 {