Please help us help you and fill where relevant:
Your LimeSurvey version: Version 5.2.6+211213
Own server or LimeSurvey hosting: Own
Theme: Custom
==================
For a quiz that I am developing I use only single choice radio button questions.
I want to auto-advance after each choice to a next question. For that I have a good script.
But I also want to "Next" button to hide and only to appear after X seconds (for when a respondent does not have a clue about the answer)

How do I do that?

My script for auto advancing to the next question is:

<script type="text/javascript" data-author="Tony Partner">
    $(document).on('ready pjax:scriptcomplete',function(){
        $('#question{QID} :radio').on('change', function(e) {
            $('#ls-button-submit').trigger('click');
        });
    });
</script>

 

Hi Tammo, try this:

Thank you, this works, although the "Next" button flashes once after the page is loaded.

Strangely enough this code needs to be added to the question text. Adding it to the script text does not work.

...although the "Next" button flashes once after the page is loaded.

This is always the case as the JavaScript is loaded. A workaround would be to hide the #ls-button-submit element in custom.css but this would affect all groups/pages using that survey theme.

I can imagine to do this for this specific use case and prepare a custom theme called "Quiz" where all "next" buttons are hidden for some seconds (until the Javascript kicks in).

On the last page of the quiz, people see the answers, but since this page is long (feedback for each question), people will not notify the missing "next" button while they are reading the feedback. Once they are ready, the waiting time has elapsed. And I could even set the waiting time to 0.

If you set it in custom.css : no-js / js class is here

Then
.js .btn-next{display:none}

And you show it when you need

And allow no-js user to do the quiz

We had to adapt the script, because it turned out that on IPads and IPhones the radio button that was chosen did not show it was chosen. So we added a delay, but I am not completely happy with it, because it seems to work, but it also messes up the HTML of the button:
Can you see what we do wrong here?

Thanks in advance,

Tammo

I don't see how that would affect the HTML. Can you attach a small sample survey?

Here is the .lss file. Thank you for looking into it.

 
 

How do you see it messing up the button HTML?

This is what I see using the vanilla theme and I see no JS errors.

 

Hi Tony,
this example shows it: please look at the HTML code for the next button on page 1 (with javascript) and page 2 (without javascript) 

research.respondage.com/index.php/774648...t=Y&lang=nl-informal

Please also see the attachments.

That is not messed up, arguably jQuery has cleaned up the HTML.

1) When the "hidden" class is removed, unnecessary spaces in the class attribute are removed.

2) An inline style declaration "display:none" was applied to hide the button. When the button is shown, that declaration is removed leaving an empty style attribute. This is not invalid HTML.

Do you see display or functionality problems?

+1 with Tony here .

But more : it's browser dependant, browser chhose to keep or not style. Firefox use style="".
 

OK, thank you. I thought it might be messing up, while (in this case) no bad things happen, but you never know...

tammo wrote:

OK, thank you. I thought it might be messing up, while (in this case) no bad things happen, but you never know...

It never hurts to ask.