{"id":72779,"date":"2026-04-24T03:01:00","date_gmt":"2026-04-23T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=72779"},"modified":"2026-04-23T19:33:03","modified_gmt":"2026-04-23T09:33:03","slug":"shower-song-user-functionality-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/shower-song-user-functionality-tutorial\/","title":{"rendered":"Shower Song User Functionality Tutorial"},"content":{"rendered":"
\"Shower<\/a>

Shower Song User Functionality Tutorial<\/p><\/div>\n

Onto yesterday’s Shower Song Primer Tutorial<\/a> we’ve been shoring up user functionality, today, adding in quite a few emoji button helpers pointing to functionality.<\/p>\n

Lots of the thinking revolved around trying to space out the user checkbox clicking on non-mobile control of the HTML input type=checkboxs<\/font><\/sup> …<\/p>\n


\n disabled<\/a>
\n<\/code><\/p>\n

… attribute …<\/p>\n


\n var ftime=true;
\n
\n function whendo() {
\n var ccnt=0;
\n var talisti=eval(-1 + eval('' + document.body.innerHTML.split(' style=\"z-index:599').length)); \/\/('span');
\n var talist=document.getElementsByTagName('sup');
\n var inlist=document.getElementsByTagName('input');
\n for (var ik=0; ik<inlist.length; ik++) {
\n if (inlist[ik].outerHTML.indexOf('checkbox') != -1) {
\n ccnt++;
\n }
\n }
\n if (eval('' + talist.length) < ccnt) {
\n setTimeout(whendo, 1000);
\n } else {
\n talist=document.getElementsByTagName('a');
\n for (var iki=0; iki<talist.length; iki++) {
\n if (talist[iki].outerHTML.indexOf(' class=\"processytplay\"') != -1) {
\n talist[iki].onmousedown=function(event){ myac(event.target); };
\n }
\n }
\n setTimeout(function(){ cball(false); }, 500);
\n }
\n

\n }
\n
\n function cball(to) {
\n var inlist=document.getElementsByTagName('input');
\n for (var ik=0; ik<inlist.length; ik++) {
\n if (inlist[ik].outerHTML.indexOf('checkbox') != -1) {
\n if (to) {
\n inlist[ik].setAttribute('disabled',to);
\n } else {
\n inlist[ik].removeAttribute('disabled');
\n }
\n }
\n }
\n
\n if (ftime) {
\n ftime=false;
\n if (!navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile\/i)) {
\n setTimeout(whendo, 1000);
\n }
\n }
\n }
\n<\/code><\/p>\n

… in the changed<\/a> second draft<\/a> Shower Songs<\/a> as below.<\/p>\n

\n

\n

Previous relevant Shower Song Primer Tutorial<\/a> is shown below.<\/p>\n

\"Shower<\/a>

Shower Song Primer Tutorial<\/p><\/div>\n

We’re onto a new music related project today, with that familiar theme of “Sequential Play of YouTube Music Videos” where today’s project, so far, just hones in on the “audio stream only of those YouTube videos”.<\/p>\n

We have some provisos with our Shower Songs<\/a> collection …<\/p>\n

    \n
  • it will work on mobile but not to the automated state non-mobile is in, on this first draft …<\/li>\n
  • more display niceties to come …<\/li>\n
  • user content functionality to come …<\/li>\n<\/ul>\n

    … but feel free to set yourself up (but careful of “bathroom mist” not being good for electronic devices) with today’s first draft<\/a> Shower Songs<\/a> as below …<\/p>\n