I am connected to the internet and the same code works perfectly fine in a different survey I've created. Any ideas brilliant minds?
Solved
Hide Next button and Auto-advance on Click & Sudden error.
+6Hello all.
I am trying to accomplish 2 fairly straightforward tasks that I can do individually, but I am having problems combining the logic.
Goal: To hide the Next button on a specific page AND have the page auto-advance when an answer is clicked (radio button).
Background: The page contains 3 questions. 1 question will always show (radio button question), but only 1 of the remaining 2 questions (descriptive text) will show depending on display logic. I also use display logic to hide an answer choice, but that shouldn't cause any issues.
This is the code I am using on my radio button question (which is the first question on the page).
Qualtrics.SurveyEngine.addOnload(function()
{
var that = this;
this.questionclick = function(event,element){
if (element.type == 'radio') {
that.clickNextButton();
}
}
jQuery("#NextButton").hide();
});
New issue! I recently tested the top section of the code that is used to auto-advance on click, a the survey I am editing and I am getting the following error.
!
I am connected to the internet and the same code works perfectly fine in a different survey I've created. Any ideas brilliant minds?
I am connected to the internet and the same code works perfectly fine in a different survey I've created. Any ideas brilliant minds?Best answer by rsuter
@Akdashboard
I just tried this and it worked. Hid the button and moved to next page.
Qualtrics.SurveyEngine.addOnload(function()
{
this.hideNextButton();
this.questionclick = function(event,element){
if (element.type == 'radio') {
this.clickNextButton();
}
}
});
And if you are interested in learning more about the methods(functions) available for the Qualtrics JS Question API, you can find them all listed here: https://amazonuni.au1.qualtrics.com/WRAPI/QuestionAPI/classes/Qualtrics%20JavaScript%20Question%20API.html#method_hideNextButton
The documentation around parameters and examples should be helpful in getting a base understanding. I would also avoid JQuery unless you're 100% sure that it works. I'm not well versed in the differences, but since the official documentation is written for JS, I would just stick with that.
View original
+5My first question, why are you creating the 'that' var? I could be wrong, but it doesn't look necessary. Even though JS should create an exact copy of the same data type, maybe it isn't. Perhaps there are some private non-inheritable traits that are not getting assigned to the new var and it is causing the connection with the API to time out.
+6@rsuter - Good question! And I have no idea, lol. I'd love to learn more, but basically have 0 coding skills (outside of some HTML and CSS). I want to learn more, but hasn't been a priority with my work.
The code you see is stuff I have scraped from other forum discussions.. If you have a better way to write this, I am very open to suggestions.
+5@Akdashboard
I just tried this and it worked. Hid the button and moved to next page.
Qualtrics.SurveyEngine.addOnload(function()
{
this.hideNextButton();
this.questionclick = function(event,element){
if (element.type == 'radio') {
this.clickNextButton();
}
}
});
And if you are interested in learning more about the methods(functions) available for the Qualtrics JS Question API, you can find them all listed here: https://amazonuni.au1.qualtrics.com/WRAPI/QuestionAPI/classes/Qualtrics%20JavaScript%20Question%20API.html#method_hideNextButton
The documentation around parameters and examples should be helpful in getting a base understanding. I would also avoid JQuery unless you're 100% sure that it works. I'm not well versed in the differences, but since the official documentation is written for JS, I would just stick with that.
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.