Hi all,
I have the following code, which hide the ‘next’ button until an answer has been selected:
this.hideNextButton();
this.questionclick = function(event,element)
{
if (element.type == 'radio')
{
this.showNextButton();
}
}In other questions, I use a slider.
Is it possible to hide the ‘next’ button until the slider has been moved?
Thanks for any help :)
Best answer by Tom_1842
I see what you mean. Try the below:
var that = this;
var q = jQuery("#"+this.questionId);
var clicked = "no";
this.hideNextButton();
q.find(".track").on("mousedown , touchstart", function() {
clicked = "yes"
});
jQuery("#Wrapper").on("mouseup , touchend", function() {
if(clicked == "yes"){
that.showNextButton();
}
});
+28If you have a slider with a single statement, adding the below the OnReady section of the question’s JavaScript will make it so that the next button is hidden until the slider track is interacted with:
var that = this;
var q = jQuery("#"+this.questionId);
var clicked = "no";
this.hideNextButton();
q.find(".track").on("mousedown , touchstart", function() {
clicked = "yes"
});
q.find(".QuestionBody").on("mouseup , touchend", function() {
if(clicked == "yes"){
that.showNextButton();
}
});
Thanks,
I’ve just noticed one potential issue, which is that the mouse button seems to need to be depressed while still hovering over the slider. That’s fine if someone clicks the value that they want but it could cause issues if someone wants to select extreme values. In that case, they’ll likely pull the cursor past the slider before depressing the button.
Do you know if that code could be changed to allow for this?
Regardless, thanks again! :)
+28I see what you mean. Try the below:
var that = this;
var q = jQuery("#"+this.questionId);
var clicked = "no";
this.hideNextButton();
q.find(".track").on("mousedown , touchstart", function() {
clicked = "yes"
});
jQuery("#Wrapper").on("mouseup , touchend", function() {
if(clicked == "yes"){
that.showNextButton();
}
});
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.