Issues with disable link & sound not working on mobile

Issues with disable link & sound not working on mobile
0.0 0

#1

http://inkroyable.ch/time2roll/dois.html

Here goes the newbie issues once again :kissing_closed_eyes:

  1. I’m having issues when it comes to disable the click/touch on the play button ( as example )

i’m doing like the code below … but it is not working as it should.

function playTimer() {
    // PLAY BUTTON STATUS
    document.getElementById('playButton').disabled = true;
    document.getElementById('stopButton').disabled = false;
    document.getElementById('decrementRound').disabled = true;
    document.getElementById('incrementRound').disabled = true;
    stopButton.classList.remove('disabled');
    stopButton.classList.add('active');
  1. Sounds are working as supposed on browser but not on mobile.

Thanks in advance for all the help.


#2

I don’t think disabled attribute can be applied to elements that are not specific form-type elements like button, input, etc.

If you wrapped those inside a button tag then you could set disabled on them.

Some css would take away the border, background, etc.


#3

Great, once again newbie questions :kissing_closed_eyes:

Thanks, now it is working perfectly, at least the buttons status :slight_smile: