HTML Play button coding

9 months 1 week ago #173547 by GrantLab
I am attempting to code in a one-press play button for a survey (so that participants can play a song but not pause it during listening). I had it working in Qualtrics previously using the following code:

<audio id="audio1" src=" "></audio>
<button onclick="document.getElementById('audio1').play()">Play</button>

I have altered the code in LimeSurvey as such:

<audio id="audio1" src=" " type="audio/mpeg"> </audio>

<div><button onclick="document.getElementById('audio1').play()">Play</button></div>

My issue is that the Play button will display but it won't play the song when clicked. Instead it refreshes the current question when I test it in Survey preview. Anyone see what is wrong with the coding here? I'm a major newbie with HTML.

Please Log in or Create an account to join the conversation.

LimeSurvey Partners
9 months 1 week ago #173567 by tpartner
Replied by tpartner on topic HTML Play button coding
Add a type="button" attribute. This should prevent the button from submitting the form.
<button type="button" onclick="document.getElementById('audio1').play()">Play</button>

Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Official LimeSurvey Partner -
The following user(s) said Thank You: DenisChenu

Please Log in or Create an account to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!