{"id":65454,"date":"2024-11-04T02:15:00","date_gmt":"2024-11-03T16:15:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=65454"},"modified":"2024-11-03T14:49:54","modified_gmt":"2024-11-03T04:49:54","slug":"mister-ed-mathematics-collaboration-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/mister-ed-mathematics-collaboration-tutorial\/","title":{"rendered":"Mister Ed Mathematics Collaboration Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.html\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Mister Ed Mathematics Collaboration Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths_collaborate.gif\" title=\"Mister Ed Mathematics Collaboration Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Mister Ed Mathematics Collaboration Tutorial<\/p><\/div>\n<p>Onto the previous <a title='Mister Ed Mathematics Primer Tutorial' href='#mempt'>Mister Ed Mathematics Primer Tutorial<\/a>, if we are talking <i>collaboration<\/i> today, you might expect an emoji button or two to send an email or SMS, but we&#8217;ve intertwined &#8230;<\/p>\n<ul>\n<li>ideas of collaboration and sharing &#8230; with &#8230;<\/li>\n<li>window.<a target=\"_blank\" title='window.localStorage information from W3schools' href='https:\/\/www.w3schools.com\/jsref\/prop_win_localstorage.asp' rel=\"noopener\">localStorage<\/a> (ie. like HTTP Cookie) web browser intersessional and intrasessional approaches to recalling &#8230;<\/li>\n<li>a user&#8217;s own defined <a target=\"_blank\" title='YouTube' href='http:\/\/youtube.com' rel=\"noopener\">YouTube<\/a> &#8230; identifier,duration,start,end &#8230; inhouse argument definitions &#8230; which can &#8230;<\/li>\n<li>be slotted (for yourself, as a user, or derivable by an email or SMS recipient) into the mix of <font size=1>(perhaps, now, not)<\/font> <i>Mister Ed<\/i> video snippets that get played as a user answers correctly, in the <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.html\" rel=\"noopener\">Mister Ed Mathematics<\/a> quiz<\/li>\n<\/ul>\n<p> &#8230; and we access that just with &#8220;behind the scenes&#8221; links a savvy user can click to access <font size=1>(but explained in <font color=blue>&#8220;blurb land&#8221;<\/font>)<\/font> &#8230;<\/p>\n<p><code><br \/>\n  function ask() {<br \/>\n    var advice='', kpstr='';<br \/>\n    var xem=prompt('<font color=blue>Enter arguments such as ... ' + String.fromCharCode(10) + String.fromCharCode(10) + \"?mr_ed_ideas=REC2gi-Hu2M,REC2gi-Hu2M&mr_ed_ideasdur=299.0,299.0&mr_ed_ideasizero=60,168&mr_ed_ideasjzero=70,237&keep=y\" + String.fromCharCode(10) + String.fromCharCode(10) + \" ... where your entry must start with ? and the keep=y is there to remember for next session and email= or sms= can be used.<\/font>\", \"keep=y&mr_ed_ideas=REC2gi-Hu2M,REC2gi-Hu2M&mr_ed_ideasdur=299.0,299.0&mr_ed_ideasizero=60,168&mr_ed_ideasjzero=70,237\");<br \/>\n    if (xem == null) { xem=''; } else if (('' + xem + '!').substring(0,1) != '?') { xem='';  }<br \/>\n    var wasxem=xem;<br \/>\n    if (xem.indexOf('mr_ed_ideas=') != -1 && xem.indexOf('mr_ed_ideasdur=') != -1 && xem.indexOf('mr_ed_ideasizero=') != -1 && xem.indexOf('mr_ed_ideasjzero=') != -1) {<br \/>\n    if (xem.indexOf('?') == 0 && xem.indexOf('=') != -1) {<br \/>\n       var recip='';<br \/>\n       if (xem.indexOf('email=') != -1) {<br \/>\n  if (inbideas != '' && inbideasdur != '' && inbideasizero != '' && inbideasjzero != '' && xem.indexOf('mr_ed_ideas') == -1) {<br \/>\n  wasxem+='&mr_ed_ideas=' + encodeURIComponent(inbideas);<br \/>\n  wasxem+='&mr_ed_ideasdur=' + encodeURIComponent(inbideasdur);<br \/>\n  wasxem+='&mr_ed_ideasizero=' + encodeURIComponent(inbideasizero);<br \/>\n  wasxem+='&mr_ed_ideasjzero=' + encodeURIComponent(inbideasjzero);<br \/>\n  }<br \/>\n  if (xem.indexOf('keep=') != -1) {<br \/>\n     wasxem=wasxem.replace(\/keep\\=\/g,'keNOep=');<br \/>\n     kpstr='?keNOep=y';<br \/>\n     advice=encodeURIComponent(' ... if you like Mister Ed (YouTube video) ideas, to remember for the next time, reissue URL below with keNOep changed to keep ...');<br \/>\n  }<br \/>\n         recip=(xem + '&').split('email=')[1].split('&')[0];<br \/>\n         if (recip.trim().indexOf('@') != -1) {<br \/>\n           document.getElementById('ems').href='mailto:' + recip + '?subject=Mister%20Ed%20Mathematics' + advice + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + kpstr + '#' + wasxem.replace(\/^\\?\/g,'').replace('email=','emJail=').replace('sms=','sJms='));<br \/>\n           setTimeout(function(){ document.getElementById('ems').click(); }, 2000);<br \/>\n         }<br \/>\n       } else if (xem.indexOf('sms=') != -1) {<br \/>\n  if (inbideas != '' && inbideasdur != '' && inbideasizero != '' && inbideasjzero != '' && xem.indexOf('mr_ed_ideas') == -1) {<br \/>\n  wasxem+='&mr_ed_ideas=' + encodeURIComponent(inbideas);<br \/>\n  wasxem+='&mr_ed_ideasdur=' + encodeURIComponent(inbideasdur);<br \/>\n  wasxem+='&mr_ed_ideasizero=' + encodeURIComponent(inbideasizero);<br \/>\n  wasxem+='&mr_ed_ideasjzero=' + encodeURIComponent(inbideasjzero);<br \/>\n  }<br \/>\n  if (xem.indexOf('keep=') != -1) {<br \/>\n     wasxem=wasxem.replace(\/keep\\=\/g,'keNOep=');<br \/>\n     kpstr='?keNOep=y';<br \/>\n     advice=encodeURIComponent(' ... if you like Mister Ed (YouTube video) ideas, to remember for the next time, reissue URL below with keNOep changed to keep ...');<br \/>\n  }<br \/>\n         recip=(xem + '&').split('sms=')[1].split('&')[0];<br \/>\n         if (recip.trim() != '' && recip.trim().replace(\/0\/g,'').replace(\/1\/g,'').replace(\/2\/g,'').replace(\/3\/g,'').replace(\/4\/g,'').replace(\/5\/g,'').replace(\/6\/g,'').replace(\/7\/g,'').replace(\/8\/g,'').replace(\/9\/g,'') == '') {<br \/>\n           document.getElementById('ems').href='sms:' + recip + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + kpstr + '#' + wasxem.replace(\/^\\?\/g,'').replace('sms=','sJms=').replace('email=','emJail='));<br \/>\n           setTimeout(function(){ document.getElementById('ems').click(); }, 2000);<br \/>\n         }<br \/>\n       }<br \/>\n       location.hash='#' + xem.replace(\/^\\?\/g,'');<br \/>\n  var jnbideas=(('' + location.hash + '&' + location.search).split('mr_ed_ideas=')[1] ? ',' + decodeURIComponent(('' + location.hash + '&' + location.search).split('mr_ed_ideas=')[1].split('&')[0]) + ','  : (',' + decodeURIComponent(('' + window.localStorage.getItem('mr_ed_ideas')).replace(\/^null\/g,'').replace(\/^undefined\/g,'')).replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\")).replace(\/^\\,$\/g,'')  );<br \/>\n  var jnbideasdur=(('' + location.hash + '&' + location.search).split('mr_ed_ideasdur=')[1] ? ',' + decodeURIComponent(('' + location.hash + '&' + location.search).split('mr_ed_ideasdur=')[1].split('&')[0]) + ',' :  (',' + decodeURIComponent(('' + window.localStorage.getItem('mr_ed_ideasdur')).replace(\/^null\/g,'').replace(\/^undefined\/g,'')).replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\")).replace(\/^\\,$\/g,'')  );<br \/>\n  var jnbideasizero=(('' + location.hash + '&' + location.search).split('mr_ed_ideasizero=')[1] ? ',' + decodeURIComponent(('' + location.hash + '&' + location.search).split('mr_ed_ideasizero=')[1].split('&')[0]) + ',' :  (',' + decodeURIComponent(('' + window.localStorage.getItem('mr_ed_ideasizero')).replace(\/^null\/g,'').replace(\/^undefined\/g,'')).replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\")).replace(\/^\\,$\/g,'')  );<br \/>\n  var jnbideasjzero=(('' + location.hash + '&' + location.search).split('mr_ed_ideasjzero=')[1] ? ',' + decodeURIComponent(('' + location.hash + '&' + location.search).split('mr_ed_ideasjzero=')[1].split('&')[0]) + ',' :  (',' + decodeURIComponent(('' + window.localStorage.getItem('mr_ed_ideasjzero')).replace(\/^null\/g,'').replace(\/^undefined\/g,'')).replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\")).replace(\/^\\,$\/g,'')  );<br \/>\n  if ((xem + '&').indexOf('mr_ed_ideas=&') != -1 && xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideas');<br \/>\n     } catch { }<br \/>\n  } else if (jnbideas != '' && jnbideas != inbideas) {<br \/>\n  \/\/alert('0:' + jnbideas);<br \/>\n  \/\/document.write(String.fromCharCode(10) + '&lt;scr' + \"ipt&gt; ideas=['hMPbipfgQ2c',\" + jnbideas.replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\") + \"'hMPbipfgQ2c','B5eRMaBMOTs','B5eRMaBMOTs','B5eRMaBMOTs','PDJQwyB81vg','PDJQwyB81vg','PDJQwyB81vg','PDJQwyB81vg','-AK1aeKTGDg']; &lt;\/scr\" + \"ipt&gt; \" + String.fromCharCode(10));<br \/>\n  eval(\" ideas=['hMPbipfgQ2c',\" + jnbideas.replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\") + \"'hMPbipfgQ2c','B5eRMaBMOTs','B5eRMaBMOTs','B5eRMaBMOTs','PDJQwyB81vg','PDJQwyB81vg','PDJQwyB81vg','PDJQwyB81vg','-AK1aeKTGDg']\");<br \/>\n  \/\/alert('1:' + jnbideas);<br \/>\n  if (xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideas');<br \/>\n     } catch { }<br \/>\n  \/\/alert('2:' + jnbideas);<br \/>\n     window.localStorage.setItem('mr_ed_ideas', encodeURIComponent(jnbideas));<br \/>\n  \/\/alert('3:' + jnbideas);<br \/>\n  }<br \/>\n  } else if ((xem + '&').indexOf('mr_ed_ideas=&') != -1 && xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideas');<br \/>\n     } catch { }<br \/>\n  }<br \/>\n  if ((xem + '&').indexOf('mr_ed_ideasdur=&') != -1 && xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideasdur');<br \/>\n     } catch { }<br \/>\n  } else if (jnbideasdur != '' && jnbideasdur != inbideasdur) {<br \/>\n  \/\/alert(3);<br \/>\n  \/\/document.write(String.fromCharCode(10) + '&lt;scr' + \"ipt&gt; ideasdur=['41.808',\" + jnbideasdur.replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\") + \"'41.808','1753.0','1753.0','1753.0','876.0','876.0','876.0','876.0','942.0']; &lt;\/scr\" + \"ipt&gt; \" + String.fromCharCode(10));<br \/>\n  eval(\" ideasdur=['41.808',\" + jnbideasdur.replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\") + \"'41.808','1753.0','1753.0','1753.0','876.0','876.0','876.0','876.0','942.0']\");<br \/>\n  if (xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideasdur');<br \/>\n     } catch { }<br \/>\n     window.localStorage.setItem('mr_ed_ideasdur', encodeURIComponent(jnbideasdur));<br \/>\n  }<br \/>\n  } else if ((xem + '&').indexOf('mr_ed_ideasdur=&') != -1 && xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideasdur');<br \/>\n     } catch { }<br \/>\n  }<br \/>\n  if ((xem + '&').indexOf('mr_ed_ideasizero=&') != -1 && xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideasizero');<br \/>\n     } catch { }<br \/>\n  } else if (jnbideasizero != '' && jnbideasizero != inbideasizero) {<br \/>\n  \/\/alert(4);<br \/>\n  \/\/document.write(String.fromCharCode(10) + '&lt;scr' + \"ipt&gt; ideasizero=['9',\" + jnbideasizero.replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\") + \"'23','127','697','742','0','97','175','155','720']; &lt;\/scr\" + \"ipt&gt; \" + String.fromCharCode(10));<br \/>\n  eval(\" ideasizero=['9',\" + jnbideasizero.replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\") + \"'23','127','697','742','0','97','175','155','720']\");<br \/>\n  if (xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideasizero');<br \/>\n     } catch { }<br \/>\n     window.localStorage.setItem('mr_ed_ideasizero', encodeURIComponent(jnbideasizero));<br \/>\n  }<br \/>\n  } else if ((xem + '&').indexOf('mr_ed_ideasizero=&') != -1 && xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideasizero');<br \/>\n     } catch { }<br \/>\n  }<br \/>\n  if ((xem + '&').indexOf('mr_ed_ideasjzero=&') != -1 && xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideasjzero');<br \/>\n     } catch { }<br \/>\n  } else if (jnbideasjzero != '' && jnbideasjzero != inbideasjzero) {<br \/>\n  \/\/alert(5);<br \/>\n  \/\/document.write(String.fromCharCode(10) + '&lt;scr' + \"ipt&gt; ideasjzero=['11',\" + jnbideasjzero.replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\") + \"'25','139','742','762','4','150','204','161','785']; &lt;\/scr\" + \"ipt&gt; \" + String.fromCharCode(10));<br \/>\n  eval(\" ideasjzero=['11',\" + jnbideasjzero.replace(\/\\'\/g,'').replace(\/\\\"\/g,'').replace(\/^\\,\/g,\"'\").replace(\/\\,\/g,\"','\").replace(\/\\,\\'$\/g,\",\") + \"'25','139','742','762','4','150','204','161','785']\");<br \/>\n  if (xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideasjzero');<br \/>\n     } catch { }<br \/>\n     window.localStorage.setItem('mr_ed_ideasjzero', encodeURIComponent(jnbideasjzero));<br \/>\n  }<br \/>\n  } else if ((xem + '&').indexOf('mr_ed_ideasjzero=&') != -1 && xem.indexOf('keep=') != -1) {<br \/>\n     try {<br \/>\n        window.localStorage.removeItem('mr_ed_ideasjzero');<br \/>\n     } catch { }<br \/>\n  }<br \/>\n    \/\/alert(33);<br \/>\n  }<br \/>\n    }<br \/>\n  }<br \/>\n<\/code><\/p>\n<p>You may have noticed another feature of <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.html--GETME\" rel=\"noopener\">this changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.html--GETME\" rel=\"noopener\">mr_ed_maths.html<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.html\" rel=\"noopener\">Mister Ed Maths<\/a> web application (you can also <a href='#ifme'>try below<\/a>) continuing on into &#8220;day two&#8221;.  The mathematics test answers, at least ours inspired by Mister Ed, are all one character (albeit numerical) long.  And, what does that mean?  <a target=\"_blank\" title='?' href='https:\/\/www.youtube.com\/watch?v=uhiCFdWeQfA' rel=\"noopener\">Anyone? Anyone?<\/a> Yes, <a target=\"_blank\" title='?' href='https:\/\/en.wikipedia.org\/wiki\/Larry_Tesler' rel=\"noopener\">Larry<\/a> you think it&#8217;s &#8230;<\/p>\n<blockquote><p>\nHot in Largo\n<\/p><\/blockquote>\n<p> &#8230; is that code for &#8220;It&#8217;s Slowly Getting Hot&#8221; &#8230; or &#8230; yes, <a target=\"_blank\" title='?' href='https:\/\/en.wikipedia.org\/wiki\/Douglas_Hofstadter' rel=\"noopener\">Douglas<\/a> &#8230; <\/p>\n<blockquote><p>\nFlor-ID-a &#8230; ErGO?\n<\/p><\/blockquote>\n<p>Yes, well, okay then. Ummm.  Think you&#8217;re both onto something there.  We were thinking, ourselves, like, just in the realms of the everyday, like, that, being as we live in a free society, like, it could be that, given things being the way they were, we could accept user input as if &#8230; yes &#8230; <a target=\"_blank\" title='?' href='https:\/\/en.wikipedia.org\/wiki\/Amy_Heckerling' rel=\"noopener\">Amy<\/a> &#8230;<\/p>\n<blockquote><p>\nAs if?!\n<\/p><\/blockquote>\n<p> &#8230; it is a <a target=\"_blank\" title='?' href='https:\/\/en.wikipedia.org\/wiki\/Keyboard_shortcut' rel=\"noopener\">Hotkey<\/a> &#8230; phew!!!!  Yes, because one key is needed to answer we can introduce <font color=purple>a new<\/font> textbox &#8230;<\/p>\n<p><code><br \/>\n&lt;input <font color=purple>onkeydown=\"return okd(event);\"<\/font> id=ians onblur=checkans(this); style=display:inline-block;width:500px; type=text placeholder='Mobile users can gesture with correct number of fingers involved, for extra score.' value=''&gt;&lt;\/input&gt;<br \/>\n<\/code><\/p>\n<p> &#8230; directed &#8220;onkeydown&#8221; keyboard event calling &#8230;<\/p>\n<p><code><br \/>\n  <font color=purple>function okd(evt) {<br \/>\n    if (evt.altKey) {<br \/>\n      return false;<br \/>\n    } else if (evt.ctrlKey) {<br \/>\n      return false;<br \/>\n    } else if (evt.shiftKey) {<br \/>\n      return false;<br \/>\n    }<br \/>\n    var ichar = evt.which || evt.keyCode;<br \/>\n    if (ichar &gt; 48 && ichar &lt;= 57) { setTimeout(function(){ checkans(document.getElementById('ians'));  }, 10);  } else {  evt.target.value=''; return false;  }<br \/>\n    return true;<br \/>\n  }<\/font><br \/>\n<\/code><\/p>\n<p> &#8230; Javascript event function, streamlining matters considerably.<\/p>\n<p>And regarding &#8220;above the fold&#8221; meets &#8220;focus&#8221; meets &#8220;scrolling position&#8221; matters, we make more use of that textbox&#8217;s <a target=\"_blank\" title='HTML placeholder attribute information from W3schools' href='https:\/\/www.w3schools.com\/tags\/att_placeholder.asp' rel=\"noopener\"><i>placeholder<\/i><\/a> attribute, after it&#8217;s initial guise, filling it out with &#8230;<\/p>\n<ul>\n<li>current score<\/li>\n<li>wrong answer explanations &#8230; counterintuitively then being able to &#8230;<\/li>\n<li>shorten it&#8217;s width<\/li>\n<\/ul>\n<p> &#8230; for some more improvement, we think, because parts above become &#8220;just for show&#8221; should they be up the top out of view.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/mister-ed-mathematics-collaboration-tutorial\/' rel=\"noopener\">Mister Ed Mathematics Collaboration Tutorial<\/a>.<\/p-->\n<hr>\n<p id='mempt'>Previous relevant <a target=\"_blank\" title='Mister Ed Mathematics Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/mister-ed-mathematics-primer-tutorial\/' rel=\"noopener\">Mister Ed Mathematics Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.html\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Mister Ed Mathematics Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.jpg\" title=\"Mister Ed Mathematics Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Mister Ed Mathematics Primer Tutorial<\/p><\/div>\n<p>Well, we all know &#8230;<\/p>\n<blockquote><p>\nA horse is a horse, of course, of course &#8230;\n<\/p><\/blockquote>\n<p> &#8230; and it&#8217;s become apparent to <a target=\"_blank\" href='http:\/\/www.rjmprogramming.com.au\/PHP\/TimelineChart\/nala_in_charge.jpg' onmouseover=\"document.getElementById('inala').style.display='block';\" rel=\"noopener\">Nala<\/a> that &#8230;<\/p>\n<div id=dnala><img id=inala style=display:none; src=\/\/www.rjmprogramming.com.au\/PHP\/TimelineChart\/nala_in_charge.jpg><\/img><\/div>\n<\/p>\n<blockquote><p>\nNo one can talk to a horse, of course &#8230;\n<\/p><\/blockquote>\n<p> &#8230; but as <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/PHP\/lu_one_of_three.gif' onmouseover=\"document.getElementById('iluna').style.display='block';\" rel=\"noopener\">Luna<\/a> would tell you &#8230; <\/p>\n<div id=dluna><img id=iluna style=display:none; src=\/\/www.rjmprogramming.com.au\/PHP\/lu_one_of_three.gif><\/img><\/div>\n<\/p>\n<blockquote><p>\nThat is, of course, unless the horse is the famous Mister Ed!\n<\/p><\/blockquote>\n<p>And we wanted to harness these mathematical skills to write a new web application rewarding those eager beaver budding mathematicians <font size=1 style=display:inline>(and, presumably, giving short shrift to <a onclick=\"document.getElementById('postspan').style.display='inline';\" onmouseover=\"document.getElementById('postspan').style.display='inline';\" style=text-decoration:underline;color=blue;cursor:pointer;>people<\/a><span id=postspan style=display:none;> yackety yack a streak<\/br>And waste your time of day.<\/br>But Mr. Ed will never speak<\/br>Unless he has something to say.<\/br><br \/>A horse is a horse, of course, of course,<\/br>And this one will talk till his voice is hoarse.<\/br>You never heard of a talking horse?<\/br>Well, listen to this:<\/br>&#8220;I am Mr. Ed.&#8221;<\/br><\/span>)<\/font> with &#8230; well, see for yourself with the <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.html-GETME\" rel=\"noopener\">&#8220;how we got there&#8221;<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.html-GETME\" rel=\"noopener\">mr_ed_maths.html<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.html\" rel=\"noopener\">Mister Ed Maths<\/a> web application &#8230;<\/span><\/p>\n<p><iframe id=ifme style=width:95%;height:900px; src=\"\/\/www.rjmprogramming.com.au\/HTMLCSS\/mr_ed_maths.html\"><\/iframe><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d65412' onclick='var dv=document.getElementById(\"d65412\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/mathematics\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d65412' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d65454' onclick='var dv=document.getElementById(\"d65454\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/collaborate\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d65454' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Onto the previous Mister Ed Mathematics Primer Tutorial, if we are talking collaboration today, you might expect an emoji button or two to send an email or SMS, but we&#8217;ve intertwined &#8230; ideas of collaboration and sharing &#8230; with &#8230; &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/mister-ed-mathematics-collaboration-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,14,15,37],"tags":[222,1604,2743,4976,380,2229,557,573,576,587,2101,2100,652,2415,752,3004,4975,1705,2269,2643,997,2024,1133,1137,1159,1811,1319,1369,1782,1493],"class_list":["post-65454","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-games","category-tutorials","tag-collaborate","tag-collaboration","tag-count","tag-counting","tag-email","tag-hash","tag-hashtag","tag-hotkey","tag-html","tag-iframe","tag-intersession","tag-intrasession","tag-javascript","tag-localstorage","tag-mathematics","tag-maths","tag-mister-ed","tag-onkeydown","tag-operator","tag-placeholder","tag-programming","tag-session","tag-share","tag-sharing","tag-sms","tag-television","tag-tutorial","tag-video","tag-web-bowser","tag-youtube"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/65454"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=65454"}],"version-history":[{"count":13,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/65454\/revisions"}],"predecessor-version":[{"id":65470,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/65454\/revisions\/65470"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=65454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=65454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=65454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}