... that looks, in HTML and inline Javascript, like ...
... and got us wondering, as doing "display tricky" anything in HTML and Javascript and CSS can be apt to, what else can "add to entertainment", or "the takeaway pizzazz factor"? So we wrote an email to ourselves with two ideas ...
A bit on the bolshy side, not having a question mark, because at the time we were reasonably sure of the first, but the second sounds like a big ask?!
| Here's our go at "setInterval function()" ... |
It is, to us, a bit like our "hardcodings" become "variables" coding ways, around here, but maybe we feel like saying "parameter" today, because the "hardcodings" are numbers. (Though Nala thinks that it is because it is Monday, while Luna thinks that Nala's a day out. But we digress ... again.)
|
<h1 id=mypw>It is, to us, a bit like our "hardcodings" become "variables" coding ways, around here, but maybe we feel like saying "parameter" today, because the "hardcodings" are numbers. <font size=1>(Though <a target=_blank onmouseover="document.getElementById('mypw').style.backgroundSize='contain'; document.getElementById('mypw').style.backgroundRepeat='no-repeat'; document.getElementById('mypw').style.backgroundImage='linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),URL(//www.rjmprogramming.com.au/Android/NalaLuna.jpg)'; if (document.getElementById('mypw').outerHTML.indexOf(' data-') == -1) { document.getElementById('mypw').setAttribute('data-x',0); } setInterval(function(event) { document.getElementById('mypw').setAttribute('data-x',eval(5 + eval(document.getElementById('mypw').getAttribute('data-x'))) ); document.getElementById('mypw').style.backgroundPosition='' + eval(eval(document.getElementById('mypw').getAttribute('data-x')) % screen.width) + ' 0'; }, 1000); " href='https://www.rjmprogramming.com.au/Android/NalaLuna.jpg'>Nala</a> thinks that it is because it is Monday, while <a target=_blank onmouseover="document.getElementById('mypw').style.backgroundSize='contain'; document.getElementById('mypw').style.backgroundRepeat='no-repeat'; document.getElementById('mypw').style.backgroundImage='linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),URL(//www.rjmprogramming.com.au/Android/NalaLuna.jpg)'; if (document.getElementById('mypw').outerHTML.indexOf(' data-') == -1) { document.getElementById('mypw').setAttribute('data-x',0); } setInterval(function(event) { document.getElementById('mypw').setAttribute('data-x',eval(5 + eval(document.getElementById('mypw').getAttribute('data-x'))) ); document.getElementById('mypw').style.backgroundPosition='' + eval(eval(document.getElementById('mypw').getAttribute('data-x')) % screen.width) + ' 0'; }, 1000); " href='https://www.rjmprogramming.com.au/Android/NalaLuna.jpg'>Luna</a> thinks that Nala's a day out. But we digress ... <a target=_blank title=? href='https://www.youtube.com/watch?v=e9_7GcQeiqw&t=2m37s'>again</a>.)</font></h1>
|
| ... and here's our go at "New function huh() on the fly relied on from then on" ... |
It is, to us, a bit like our "hardcodings" become "variables" coding ways, around here, but maybe we feel like saying "parameter" today, because the "hardcodings" are numbers. (Though Nala thinks that it is because it is Monday, while Luna thinks that Nala's a day out. But we digress ... again.)
|
<h1 id=mypw>It is, to us, a bit like our "hardcodings" become "variables" coding ways, around here, but maybe we feel like saying "parameter" today, because the "hardcodings" are numbers. <font size=1>(Though <a target=_blank onmouseover="document.getElementById('mypw').style.backgroundSize='contain'; document.getElementById('mypw').style.backgroundRepeat='no-repeat'; document.getElementById('mypw').style.backgroundImage='linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),URL(//www.rjmprogramming.com.au/Android/NalaLuna.jpg)'; if (this.outerHTML.indexOf(' data-') == -1) { this.setAttribute('data-x',0); } if (typeof myomof != 'function') { myomof = function(event) { document.getElementById('mypw').setAttribute('data-x',eval(5 + eval(document.getElementById('mypw').getAttribute('data-x'))) ); document.getElementById('mypw').style.backgroundPosition='' + eval(eval(document.getElementById('mypw').getAttribute('data-x')) % screen.width) + ' 0'; }; } setInterval(myomof, 1000); " href='https://www.rjmprogramming.com.au/Android/NalaLuna.jpg'>Nala</a> thinks that it is because it is Monday, while <a target=_blank onmouseover="document.getElementById('mypw').style.backgroundSize='contain'; document.getElementById('mypw').style.backgroundRepeat='no-repeat'; document.getElementById('mypw').style.backgroundImage='linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),URL(//www.rjmprogramming.com.au/Android/NalaLuna.jpg)'; if (this.outerHTML.indexOf(' data-') == -1) { this.setAttribute('data-x',0); } if (typeof myomof != 'function') { myomof = function(event) { document.getElementById('mypw').setAttribute('data-x',eval(5 + eval(document.getElementById('mypw').getAttribute('data-x'))) ); document.getElementById('mypw').style.backgroundPosition='' + eval(eval(document.getElementById('mypw').getAttribute('data-x')) % screen.width) + ' 0'; }; } setInterval(myomof, 1000); " href='https://www.rjmprogramming.com.au/Android/NalaLuna.jpg'>Luna</a> thinks that Nala's a day out. But we digress ... <a target=_blank title=? href='https://www.youtube.com/watch?v=e9_7GcQeiqw&t=2m37s'>again</a>.)</font></h1>
|