Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Disable Next Button

I have a text prompt that I want to "force" respondents to read by disabling/hiding the Next button for 10-20 seconds. Does anyone have any code that would either hide, disable, or replace with a countdown for the Next button for a certain duration before respondents can proceed in the survey. I'm not familiar with Javascript myself so any help would be greatly appreciated!

Thank you!
asked Apr 17, 2018 by jake.justice (120 points)

1 Answer

+1 vote
This is a simple script you can place into a question to hide the navigation buttons for 10 seconds:

<script>
$(document).ready(function(){
    $('.submit_div').hide();
    var submitButtonsDelay = 10;
    var interval = setInterval(function(){
        submitButtonsDelay--;
        if (submitButtonsDelay <= 0) {
            $('.submit_div').show();
            clearInterval(interval);
        }
    }, 1000);
});
</script>
answered Apr 17, 2018 by Zachary Platinum Sawtooth Software, Inc. (124,225 points)
This script works for me. Though, when the button pops up after 10 seconds the grey box around the word "next" is only like a third of the size as it looks without the script. That's weird. Can you imagine why this might be the case?
Try replacing the hide and show lines with:

$('.submit_div').css('visibility', 'hidden');

$('.submit_div').css('visibility', 'visible');
I replaced both of the two lines. But now, the button doesn't hide at all and is visible from the start.
...