Delay hotspot response? | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Solved

Delay hotspot response?

  • Oct 15, 2018 4:39 AM UTC
  • 4 replies
  • 39 views
Hello, I would like to delay hotspot regions from being clickable/selectable for a certain amount of time and I have no idea how to do this. Could anyone help me? Thanks, S

Best answer by Anonymous

Hello @syntheso , Paste the following code in the js(OnReady) of the Hot spot question jQuery(".QuestionBody").css('pointer-events','none'); setTimeout(function () { jQuery(".QuestionBody").css('pointer-events','');},4000); The above code will prevent the user from making any events(clickable/selectable) on the hot spot graphic for 4000ms (you can change the value of time as per your requirement)
View original

    4 replies

    PeeyushBansal
    Level 7 ●●●●●●●
    Forum|alt.badge.img+53
    • PeeyushBansal
    • Level 7 ●●●●●●●
    • Oct 15, 2018 4:46 AM UTC
    You can show text first and image will appear with delay, read post below for code:- https://www.qualtrics.com/community/discussion/1920/delay-a-quesiton-from-appearing
    Best Regards, Peeyush
    • syntheso
    • Author
    • Oct 15, 2018 5:05 AM UTC
    Hi Bansal, thank you for your response. It's not quite what I'm after because I want the image to appear first before it is possible to click a hotspot on it. The image is a gif, so I only want to be able to click it when the gif animation has finished. Thanks,
    • Anonymous
    • Answer
    • Oct 15, 2018 5:42 AM UTC
    Hello @syntheso , Paste the following code in the js(OnReady) of the Hot spot question jQuery(".QuestionBody").css('pointer-events','none'); setTimeout(function () { jQuery(".QuestionBody").css('pointer-events','');},4000); The above code will prevent the user from making any events(clickable/selectable) on the hot spot graphic for 4000ms (you can change the value of time as per your requirement)
      • syntheso
      • Author
      • Oct 15, 2018 6:06 AM UTC
      Wonderful! I can confirm that works. Thank you so much!
      Terms & ConditionsAccessibility statement