Stop the onclick event associated with clicking on the next button | XM Community
Skip to main content
Solved

Stop the onclick event associated with clicking on the next button

  • April 30, 2019
  • 9 replies
  • 421 views
G
Forum|alt.badge.img
Hello Everybody, I would like to be able to Stop the onclick event associated with clicking on the next button. So when a users presses on the next button. Is it possible to hijack the on click event associated with clicking on the next button. Thanks for all your help!

Best answer by TomG

In your addOnReady function hide the next button, then add an event handler to show it when your link is clicked (assign an id to your html link so can identify it). ``` var qobj = this; qobj.hideNextButton(); jQuery("#myLinkId").click(function() { qobj.showNextButton(); }); ``` You can use web based Python scripts through a survey flow web service call, an end of survey action, or from a jQuery ajax call.
GrumpyCivet

9 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • April 30, 2019
If you prevent the NextButton click event, you'll never be able to go to the next page or finish the survey. If you provide more information on what you are trying to accomplish, perhaps someone could help you.
S
  • suchandra
  • August 26, 2019
How do I hide next button until a link on my question is clicked? I was able to hide it for a specific time but what I want to do is this. Hide next button upon loading the page/ question Respondent clicks on a specific link embedded on the question text Next button is activated again. Can this be done on Qualtrics using jquery? Also, does Qualtrics have any Python plugin? Thanks!
TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • Answer
  • August 26, 2019
In your addOnReady function hide the next button, then add an event handler to show it when your link is clicked (assign an id to your html link so can identify it). ``` var qobj = this; qobj.hideNextButton(); jQuery("#myLinkId").click(function() { qobj.showNextButton(); }); ``` You can use web based Python scripts through a survey flow web service call, an end of survey action, or from a jQuery ajax call.
G
robin234
S
  • suchandra
  • August 27, 2019
Unfortunately not working. Let's say I hyperlinked the element. So, I assign id to the link in the hyperlink or to the text? Also, I just realized I don't know how to type a code without it getting executed. How are you using that grey box for posting codes?
TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • August 27, 2019
> @suchandra said: > Unfortunately not working. > > Let's say I hyperlinked the element. So, I assign id to the link in the hyperlink or to the text? > > Also, I just realized I don't know how to type a code without it getting executed. How are you using that grey box for posting codes? Post your code in back tick 'fences', like: \\`\\`\\` Code goes here \\`\\`\\` Add the id to your `<a>` tag: ``` <a id="myLinkId" href="https://myurl.com">Link text</a> ```
S
S
  • suchandra
  • August 27, 2019
Works perfectly! Thank you so much! :)
robin234
Forum|alt.badge.img+1
  • robin234
  • January 14, 2022

Hi,
TomG
the code above works, thanks a lot!
var qobj = this;
qobj.hideNextButton();
jQuery("#myLinkId").click(function() { qobj.showNextButton(); });
But I have a question, can I use the same code to force the participants to click two items (in my case buttons), before the next button appears?
So in the case aboe, something like:
jQuery("#myLinkId1"&"#myLinkId1") ....
Or do I need to use another structe (e.g. with on("click"))?

Many thanks
Robin


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • January 14, 2022

https://community.qualtrics.com/XMcommunity/discussion/comment/42935#Comment_42935No, you can't use the same code. You'll need to keep track of which links have been clicked:
var qobj = this;
qobj.hideNextButton();
var link1 = false, link2 = link1;
jQuery("#myLink1").click(function() {
link1 = true;
if(link1 && link2) qobj.showNextButton();
});
jQuery("#myLink2").click(function() {
link2 = true;
if(link1 && link2) qobj.showNextButton();
});

robin234
robin234
Forum|alt.badge.img+1
  • robin234
  • January 14, 2022

TomG works like a charm. Thanks a lot and a good weekend!

Terms & ConditionsAccessibility statement