{"id":59912,"date":"2023-06-28T03:01:09","date_gmt":"2023-06-27T17:01:09","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=59912"},"modified":"2023-11-06T19:55:38","modified_gmt":"2023-11-06T09:55:38","slug":"making-of-user-interactive-entry-dynamically-controlled-javascript-parameterization-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/making-of-user-interactive-entry-dynamically-controlled-javascript-parameterization-tutorial\/","title":{"rendered":"Making of User Interactive Entry Dynamically Controlled Javascript Parameterization Tutorial"},"content":{"rendered":"
\"Making<\/a>

Making of User Interactive Entry Dynamically Controlled Javascript Parameterization Tutorial<\/p><\/div>\n

In yesterday’s User Interactive Entry Dynamically Controlled Javascript Parameterization Tutorial<\/a> we constructed a “p” paragraph element as below, where hovering over “Nala<\/span>” or “Luna<\/span>” creates the relevant background image effect …<\/p>\n

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<\/a> thinks that it is because it is Monday, while Luna<\/a> thinks that Nala’s a day out. But we digress … again<\/a>.)<\/font><\/p>\n

… that looks, in HTML and inline Javascript, like …<\/p>\n


\n<p 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)';\" 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)';\" 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><\/p>
\n<\/code><\/p>\n

… 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 …<\/p>\n

\nRobert Metcalfe
\n8:11\u202fAM (2 hours ago)
\nto me
\n
\nAt inline HTML event logic \u2026
\n
\nsetInterval function()
\nNew function huh() on the fly relied on from then on
\n
\nSent from my iPhone\n<\/p><\/blockquote>\n

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?!<\/p>\n\n\n\n
Here’s our go at “setInterval function()”<\/font> …<\/th>\n<\/tr>\n
\n