ok
Direktori : /proc/self/root/home2/selectio/www/tnpsctestbatch.com/quiz/assets/js/ |
Current File : //proc/self/root/home2/selectio/www/tnpsctestbatch.com/quiz/assets/js/script.js |
$(function(){ // ========== Form-select-option ========== // $(".step_1").on('click', function(){ $(".step_1").removeClass("active"); $(this).addClass("active"); }); $(".step_2").on('click', function(){ $(".step_2").removeClass("active"); $(this).addClass("active"); }); $(".step_3").on('click', function(){ $(".step_3").removeClass("active"); $(this).addClass("active"); }); $(".step_4").on('click', function(){ $(".step_4").removeClass("active"); $(this).addClass("active"); }); $(".step_5").on('click', function(){ $(".step_5").removeClass("active"); $(this).addClass("active"); }); // ================== CountDown function ================ $('.countdown_timer').each(function(){ $('[data-countdown]').each(function() { var $this = $(this), finalDate = $(this).data('countdown'); $this.countdown(finalDate, function(event) { var $this = $(this).html(event.strftime('' + '<h3>30</h3>' + '<span class="text-uppercase">sec</span>')); }); }); }); }); var currentTab = 0; // Current tab is set to be the first tab (0) showTab(currentTab); // Display the current tab function showTab(n) { // This function will display the specified tab of the form ... var x = document.getElementsByClassName("multisteps_form_panel"); x[n].style.display = "block"; // ... and fix the Previous/Next buttons: if (n == 0) { document.getElementById("prevBtn").style.display = "none"; } else { document.getElementById("prevBtn").style.display = "inline"; } if (n == (x.length - 1)) { document.getElementById("nextBtn").innerHTML = "Submit"; } else { document.getElementById("nextBtn").innerHTML = "Next Question" + ' <span><i class="fas fa-arrow-right"></i></span>'; } // ... and run a function that displays the correct step indicator: fixStepIndicator(n) } function nextPrev(n) { // This function will figure out which tab to display var x = document.getElementsByClassName("multisteps_form_panel"); // Exit the function if any field in the current tab is invalid: if (n == 1 && !validateForm()) return false; // Hide the current tab: x[currentTab].style.display = "none"; // Increase or decrease the current tab by 1: currentTab = currentTab + n; // if you have reached the end of the form... : if (currentTab >= x.length) { //...the form gets submitted: document.getElementById("wizard").submit(); return false; } // Otherwise, display the correct tab: showTab(currentTab); } function nextPrevSubjects(n, question_id) { var x = document.getElementsByClassName("multisteps_form_panel"); if (n == "" && !validateForm()) return false; // if (n == 1 && !validateForm()) return false; x[currentTab].style.display = "none"; currentTab = currentTab + n; if (currentTab >= x.length) { document.getElementById("wizard").submit(); return false; } var question_id = $("#question_id_"+question_id).val(); showTabSubjects(currentTab, question_id); } function showTabSubjects(n, question_id) { // This function will display the specified tab of the form ... var x = document.getElementsByClassName("multisteps_form_panel"); x[n].style.display = "block"; // ... and fix the Previous/Next buttons: if (n == 0) { document.getElementById("prevBtn").style.display = "none"; } else { document.getElementById("prevBtn").style.display = "inline"; } if (n == (x.length - 1)) { document.getElementById("nextBtn").innerHTML = "Submit"; $("#nextBtn").hide(); var submit = `<center style="margin-top: 2%;"> <button type="submit" class="f_btn active text-uppercase rounded-pill text-white" style="color: red;" onclick="finalSubmit()">Submit</button> </center>`; $("#submit_section").append(submit); } else { document.getElementById("nextBtn").innerHTML = "Next Question" + ' <span><i class="fas fa-arrow-right"></i></span>'; } // ... and run a function that displays the correct step indicator: fixStepIndicator(n, question_id) } function validateForm() { // This function deals with validation of the form fields var x, y, i, valid = true; x = document.getElementsByClassName("multisteps_form_panel"); y = x[currentTab].getElementsByTagName("input"); // A loop that checks every input field in the current tab: for (i = 0; i < y.length; i++) { // If a field is empty... if (y[i].value == "") { // add an "invalid" class to the field: y[i].className += " invalid"; // and set the current valid status to false: valid = false; } } // If the valid status is true, mark the step as finished and valid: if (valid) { document.getElementsByClassName("step")[currentTab].className += " finish"; } return valid; // return the valid status } function fixStepIndicator(n, question_id) { // This function removes the "active" class of all steps... var i, x = document.getElementsByClassName("step"); for (i = 0; i < x.length; i++) { x[i].className = x[i].className.replace(" active", ""); } //... and adds the "active" class to the current step: x[n].className += " active"; } function new_Quizes(question_id){ alert(question_id); $("#" + question_id).addClass("active"); $("#" + question_id).css("display", "block !important"); }