HTML Play button coding

2 years 2 weeks 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=" ">
<button onclick="document.getElementById('audio1').play()">Play</button>

I have altered the code in LimeSurvey as such:

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

<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.
The topic has been locked.
LimeSurvey Partners
2 years 2 weeks 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
The topic has been locked.

Start now!

Just create your account and start using Limesurvey today.

Register now