Hide the next button in Slider questions with Multiple statements:

Question

Hello! I’m new to the community and am looking for a little code to help me with a survey that contains slider questions. There are 7 statements within each slider question.I’m looking for code to hide the ‘next’ button until all 7 sliders have been interacted with. The code below shows the ‘next’ button after one slider has been clicked and it also causes the sound file to play again if participants try to advance. For my study, this is the bigger issue since I want to limit the number of times a participant hears each sound file to 1. I need to keep forced responses, so the page will not advance if all questions are not answered.My question would be an expansion of this question and answer:https://community.qualtrics.com/custom-code-12/show-next-button-after-slider-has-been-moved-23737Thanks so much!

dwaughtal · Accepted Answer

Hiomkarkewat, this code works perfectly! This ensures that participants will hear the sound file only once - and that they won’t havethe option toomit sliders.I’m very grateful foryour help!

omkarkewat · Answer

Hi@dwaughtalThe below code will show the next button only when all the 7 sliders have been interacted.Qualtrics.SurveyEngine.addOnload(function() {  var that = this;  var q = jQuery("#" + this.questionId);  var slidersInteracted = 0;  this.hideNextButton();  q.find(".track").on("mousedown touchstart", function() {    slidersInteracted++;  });  q.find(".track").on("mouseup touchend", function() {    checkSlidersInteracted();  });  function checkSlidersInteracted() {    setTimeout(function() {      if (slidersInteracted === 7) {        that.showNextButton();      }    }, 100); // Adding a small delay to ensure proper event handling  }  // If the user goes back, reset the counter  jQuery(window).on('beforeunload', function() {    slidersInteracted = 0;  });});

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded