{"id":42405,"date":"2018-12-18T03:01:36","date_gmt":"2018-12-17T17:01:36","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=42405"},"modified":"2018-12-17T22:03:36","modified_gmt":"2018-12-17T12:03:36","slug":"wordpress-calendar-widget-above-the-fold-cut-to-the-chase-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-calendar-widget-above-the-fold-cut-to-the-chase-tutorial\/","title":{"rendered":"WordPress Calendar Widget Above the Fold Cut to the Chase Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a title='WordPress Calendar Widget Above the Fold Cut to the Chase Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/cttc_more.jpg\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"WordPress Calendar Widget Above the Fold Cut to the Chase Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/cttc_more.jpg\" title=\"WordPress Calendar Widget Above the Fold Cut to the Chase Tutorial\"  \/><\/a><p class=\"wp-caption-text\">WordPress Calendar Widget Above the Fold Cut to the Chase Tutorial<\/p><\/div>\n<p>The recent <a title='WordPress Widget via Animated Emoji Button Above the Fold Tutorial' href='#wpwaebaft'>WordPress Widget via Animated Emoji Button Above the Fold Tutorial<\/a> &#8220;WordPress Widgets Above the Fold&#8221; work needs to return back to the specifics of those &#8220;early days&#8221; amended Calendar Widget because we want to contextualize &#8230;<\/p>\n<ul>\n<li>chronology &#8230; with &#8230;<\/li>\n<li>&#8220;Cut to the Chase&#8221; tutorial (gist)<\/li>\n<\/ul>\n<p>Why?  So that, you, the user, can ask a question like &#8230;<\/p>\n<p><code><br \/>\nOn Monday 10th December 2018 what is the gist of the <a title='WordPress Calendar Widget Above the Fold Cut to the Chase Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/cttc_more.jpg\" title=\"Click picture\">\"iOS iMessage Apps Primer Tutorial\"<\/a><br \/>\n<\/code><\/p>\n<p> &#8230; and can, via the Above the Fold &#8220;clone&#8221; of the Calendar Widget and the click\/touch of its &#8220;Iframes Up the Top&#8221; button, derive this information fairly easily via a new HTML select element dropdown, that <b>we have introduced today<\/b> &#8230;<\/p>\n<p><code><br \/>\n<b>var cttcs=[];<\/b><br \/>\n<br \/>\nfunction clickbcal() {<br \/>\n  if (document.getElementById('justshow')) {<br \/>\n    var wohtml='';<br \/>\n    if (document.URL.indexOf('domorecalendar=') == -1 && 1 == 7) {<br \/>\n      wohtml=document.getElementById('calendar_wrap').outerHTML.replace(\/calendar_wrap\/g,'calendar_iframe_wrap').replace(\/a href\/g,'iframe src').replace(\/\\&lt;\\\/a\\&gt;\/g,'&lt;\/iframe&gt;').replace(\/\\\" title\\=\/g,'#content\" style=\"background-color:yellow;\" title=').replace('&gt;1&lt;\/iframe&gt;',' id=ifrcal1&gt;&lt;\/iframe&gt;').replace('&gt;2&lt;\/iframe&gt;',' id=ifrcal2&gt;&lt;\/iframe&gt;').replace('&gt;3&lt;\/iframe&gt;',' id=ifrcal3&gt;&lt;\/iframe&gt;').replace('&gt;4&lt;\/iframe&gt;',' id=ifrcal4&gt;&lt;\/iframe&gt;').replace('&gt;5&lt;\/iframe&gt;',' id=ifrcal5&gt;&lt;\/iframe&gt;').replace('&gt;6&lt;\/iframe&gt;',' id=ifrcal6&gt;&lt;\/iframe&gt;').replace('&gt;7&lt;\/iframe&gt;',' id=ifrcal7&gt;&lt;\/iframe&gt;').replace('&gt;8&lt;\/iframe&gt;',' id=ifrcal8&gt;&lt;\/iframe&gt;').replace('&gt;9&lt;\/iframe&gt;',' id=ifrcal9&gt;&lt;\/iframe&gt;').replace('&gt;10&lt;\/iframe&gt;',' id=ifrcal10&gt;&lt;\/iframe&gt;').replace('&gt;11&lt;\/iframe&gt;',' id=ifrcal11&gt;&lt;\/iframe&gt;').replace('&gt;12&lt;\/iframe&gt;',' id=ifrcal12&gt;&lt;\/iframe&gt;').replace('&gt;13&lt;\/iframe&gt;',' id=ifrcal13&gt;&lt;\/iframe&gt;').replace('&gt;14&lt;\/iframe&gt;',' id=ifrcal14&gt;&lt;\/iframe&gt;').replace('&gt;15&lt;\/iframe&gt;',' id=ifrcal15&gt;&lt;\/iframe&gt;').replace('&gt;16&lt;\/iframe&gt;',' id=ifrcal16&gt;&lt;\/iframe&gt;').replace('&gt;17&lt;\/iframe&gt;',' id=ifrcal17&gt;&lt;\/iframe&gt;').replace('&gt;18&lt;\/iframe&gt;',' id=ifrcal18&gt;&lt;\/iframe&gt;').replace('&gt;19&lt;\/iframe&gt;',' id=ifrcal19&gt;&lt;\/iframe&gt;').replace('&gt;20&lt;\/iframe&gt;',' id=ifrcal20&gt;&lt;\/iframe&gt;').replace('&gt;21&lt;\/iframe&gt;',' id=ifrcal21&gt;&lt;\/iframe&gt;').replace('&gt;22&lt;\/iframe&gt;',' id=ifrcal22&gt;&lt;\/iframe&gt;').replace('&gt;23&lt;\/iframe&gt;',' id=ifrcal23&gt;&lt;\/iframe&gt;').replace('&gt;24&lt;\/iframe&gt;',' id=ifrcal24&gt;&lt;\/iframe&gt;').replace('&gt;25&lt;\/iframe&gt;',' id=ifrcal25&gt;&lt;\/iframe&gt;').replace('&gt;26&lt;\/iframe&gt;',' id=ifrcal26&gt;&lt;\/iframe&gt;').replace('&gt;27&lt;\/iframe&gt;',' id=ifrcal27&gt;&lt;\/iframe&gt;').replace('&gt;28&lt;\/iframe&gt;',' id=ifrcal28&gt;&lt;\/iframe&gt;').replace('&gt;29&lt;\/iframe&gt;',' id=ifrcal29&gt;&lt;\/iframe&gt;').replace('&gt;30&lt;\/iframe&gt;',' id=ifrcal30&gt;&lt;\/iframe&gt;').replace('&gt;31&lt;\/iframe&gt;',' id=ifrcal31&gt;&lt;\/iframe&gt;');<br \/>\n    } else if (document.URL.indexOf('domorecalendar=') != -1 || 1 == 1) {<br \/>\n      var colspantlines=document.getElementById('calendar_wrap').outerHTML.split('&lt;tbody')[1].split('&lt;\/tr&gt;')[0].split(' colspan=\"');<br \/>\n      var dayoftheweekthatoneis=0, monthyesr='';<br \/>\n      var mys=document.getElementById('calendar_wrap').outerHTML.split('&lt;caption&gt;');<br \/>\n      if (mys.length &gt; 1) {<br \/>\n        monthyesr=mys[1].split('&lt;')[0];<br \/>\n      }<br \/>\n      if (colspantlines.length &gt; 1) {<br \/>\n        dayoftheweekthatoneis=eval(colspantlines[1].split('\"')[0]);<br \/>\n      }<br \/>\n      cttcs=[];<br \/>\n      <b>var ahrefsare=document.getElementById('calendar_wrap').outerHTML.replace(' title=\"View posts',' TITLE=\"View posts').replace(\/\\\"col\\\" title\\=\/g,\"'col' title=\").split('\" title=\"');<br \/>\n      for (var ziuy=1; ziuy&lt;ahrefsare.length; ziuy++) {<br \/>\n      if (document.URL.indexOf('animated_emoji=') != -1 || 7 == 7) { cttcs.push(ahrefsare[ziuy].split('\"')[0]); }<br \/>\n      }<\/b><br \/>\n      if (navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile\/i)) {<br \/>\n      \/\/alert(document.getElementById('calendar_wrap').outerHTML);<br \/>\n      <b>\/\/<\/b>var ahrefsare=document.getElementById('calendar_wrap').outerHTML.replace(' title=\"View posts',' TITLE=\"View posts').replace(\/\\\"col\\\" title\\=\/g,\"'col' title=\").split('\" title=\"');<br \/>\n      \/\/alert(ahrefsare.length);<br \/>\n      for (var iuy=0; iuy&lt;31; iuy++) {<br \/>\n      ahrefsare.push('');<br \/>\n      }<br \/>\n      \/\/alert(ahrefsare.length);<br \/>\n      var citn='?citn=y';<br \/>\n      if (document.URL.indexOf('?') != -1) { citn='&citn=y'; }<br \/>\n      wohtml=document.getElementById('calendar_wrap').outerHTML.replace(\/\\\"col\\\" title\\=\/g,\"'col' title=\").replace('&lt;caption&gt;','&lt;caption style=\"border:2px solid purple;background-color:orange;\" onclick=\"wordreps(this.innerHTML,' + dayoftheweekthatoneis + \",'\" + monthyesr + \"'\" + ');\"&gt;').replace(\/calendar_wrap\/g,'calendar_iframe_wrap').replace(\/\\\" title\\=\/g,citn + '#content\" title=').replace('&gt;1&lt;\/a&gt;','&gt;1&lt;br&gt;&lt;br&gt;' + ahrefsare[1].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;2&lt;\/a&gt;','&gt;2&lt;br&gt;&lt;br&gt;' + ahrefsare[2].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;3&lt;\/a&gt;','&gt;3&lt;br&gt;&lt;br&gt;' + ahrefsare[3].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;4&lt;\/a&gt;','&gt;4&lt;br&gt;&lt;br&gt;' + ahrefsare[4].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;5&lt;\/a&gt;','&gt;5&lt;br&gt;&lt;br&gt;' + ahrefsare[5].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;6&lt;\/a&gt;','&gt;6&lt;br&gt;&lt;br&gt;' + ahrefsare[6].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;7&lt;\/a&gt;','&gt;7&lt;br&gt;&lt;br&gt;' + ahrefsare[7].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;8&lt;\/a&gt;','&gt;8&lt;br&gt;&lt;br&gt;' + ahrefsare[8].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;9&lt;\/a&gt;','&gt;9&lt;br&gt;&lt;br&gt;' + ahrefsare[9].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;10&lt;\/a&gt;','&gt;10&lt;br&gt;&lt;br&gt;' + ahrefsare[10].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;11&lt;\/a&gt;','&gt;11&lt;br&gt;&lt;br&gt;' + ahrefsare[11].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;12&lt;\/a&gt;','&gt;12&lt;br&gt;&lt;br&gt;' + ahrefsare[12].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;13&lt;\/a&gt;','&gt;13&lt;br&gt;&lt;br&gt;' + ahrefsare[13].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;14&lt;\/a&gt;','&gt;14&lt;br&gt;&lt;br&gt;' + ahrefsare[14].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;15&lt;\/a&gt;','&gt;15&lt;br&gt;&lt;br&gt;' + ahrefsare[15].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;16&lt;\/a&gt;','&gt;16&lt;br&gt;&lt;br&gt;' + ahrefsare[16].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;17&lt;\/a&gt;','&gt;17&lt;br&gt;&lt;br&gt;' + ahrefsare[17].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;18&lt;\/a&gt;','&gt;18&lt;br&gt;&lt;br&gt;' + ahrefsare[18].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;19&lt;\/a&gt;','&gt;19&lt;br&gt;&lt;br&gt;' + ahrefsare[19].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;20&lt;\/a&gt;','&gt;20&lt;br&gt;&lt;br&gt;' + ahrefsare[20].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;21&lt;\/a&gt;','&gt;21&lt;br&gt;&lt;br&gt;' + ahrefsare[21].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;22&lt;\/a&gt;','&gt;22&lt;br&gt;&lt;br&gt;' + ahrefsare[22].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;23&lt;\/a&gt;','&gt;23&lt;br&gt;&lt;br&gt;' + ahrefsare[23].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;24&lt;\/a&gt;','&gt;24&lt;br&gt;&lt;br&gt;' + ahrefsare[24].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;25&lt;\/a&gt;','&gt;25&lt;br&gt;&lt;br&gt;' + ahrefsare[25].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;26&lt;\/a&gt;','&gt;26&lt;br&gt;&lt;br&gt;' + ahrefsare[26].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;27&lt;\/a&gt;','&gt;27&lt;br&gt;&lt;br&gt;' + ahrefsare[27].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;28&lt;\/a&gt;','&gt;28&lt;br&gt;&lt;br&gt;' + ahrefsare[28].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;29&lt;\/a&gt;','&gt;29&lt;br&gt;&lt;br&gt;' + ahrefsare[29].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;30&lt;\/a&gt;','&gt;30&lt;br&gt;&lt;br&gt;' + ahrefsare[30].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;31&lt;\/a&gt;','&gt;31&lt;br&gt;&lt;br&gt;' + ahrefsare[31].split('\"')[0] + '&lt;\/a&gt;');<br \/>\n      \/\/alert(wohtml);<br \/>\n      } else {<br \/>\n      wohtml=document.getElementById('calendar_wrap').outerHTML.replace(\/\\\"col\\\" title\\=\/g,\"'col' title=\").replace('&lt;caption&gt;','&lt;caption style=\"border:2px solid purple;background-color:orange;\" onclick=\"wordreps(this.innerHTML,' + dayoftheweekthatoneis + \",'\" + monthyesr + \"'\" + ');\"&gt;').replace(\/calendar_wrap\/g,'calendar_iframe_wrap').replace(\/a href\/g,'iframe onload=\"ifrcheck(this,' + dayoftheweekthatoneis + \",'\" + monthyesr + \"'\" + ');\" src').replace(\/\\&lt;\\\/a\\&gt;\/g,'&lt;\/iframe&gt;').replace(\/\\\" title\\=\/g,'#content\" style=\"background-color:yellow;   transform: scale(0.98,0.98); -o-transform: scale(0.98,0.98); -moz-transform: scale(0.98,0.98); -ms-transform: scale(0.98,0.98); -webkit-transform:  scale(0.98,0.98); height:350px;\" title=');<br \/>\n      }<br \/>\n    }<br \/>\n    document.getElementById('justshow').innerHTML=<b>cttcsize(<\/b>wohtml<b>, monthyesr, dayoftheweekthatoneis)<\/b>;<br \/>\n    document.getElementById('justshow').style.display='block';<br \/>\n    location.href='#justshow';<br \/>\n  }<br \/>\n}<br \/>\n<br \/>\n<b>function cttcsize(whl, myre, dotwtoi) {<br \/>\n  var idotwtoi=dotwtoi, thisdayi=\"\", dotwr=[\"Sunday\",\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"];<br \/>\n  if (cttcs.length &gt;= 1) {<br \/>\n    var selcttcs='&lt;br&gt;&lt;select id=scttcs onchange=\" if (this.value.length &gt; 0) { var qperf=document.getElementById(' + \"'\" + 'dcttcs' + \"'\" + ').innerHTML;  document.getElementById(' + \"'\" + 'dcttcs' + \"'\" + ').innerHTML=' + \"'\" + '&lt;hr&gt;&lt;a target=_blank title=CutToTheChase href=\/\/www.rjmprogramming.com.au\/slideshow.html?title=' + \"'\" + ' + encodeURIComponent(this.value) + ' + \"'\" + '&gt;' + \"'\" + ' + this.value.replace(' + \"'\" + ' Tutorial' + \"'\" + ',' + \"'\" + '&lt;a target=_blank title=Tutorial href=\/\/www.rjmprogramming.com.au\/ITblog\/' + \"'\" + ' + urlit(this.value) + ' + \"'\" + '&gt; Tutorial&lt;\/a&gt;' + \"'\" + ') + ' + \"'\" + '&lt;\/a&gt;&lt;br&gt;&lt;iframe style=width:100%;height:600px; src=\/\/www.rjmprogramming.com.au\/slideshow.html?title=' + \"'\" + ' + encodeURIComponent(this.value) + ' + \"'\" + '&gt;&lt;\/iframe&gt;&lt;br&gt;' + \"'\" + ' + qperf;  } \"&gt;&lt;option value=\"\"&gt;Cut to the Chase for ' + myre + ' ...&lt;\/option&gt;&lt;\/select&gt;';<br \/>\n    for (var zziuy=0; zziuy&lt;cttcs.length; zziuy++) {<br \/>\n      thisdayi=dotwr[eval(idotwtoi % 7)];<br \/>\n      idotwtoi++;<br \/>\n      selcttcs=selcttcs.replace('&lt;\/select&gt;', '&lt;option value=\"' + cttcs[zziuy] + '\"&gt;' + thisdayi + ' ' + eval(1 + zziuy) + ': ' + cttcs[zziuy] + '&lt;\/option&gt;&lt;\/select&gt;');<br \/>\n    }<br \/>\n    return '' + whl.replace('&lt;\/caption&gt;', ' ' +  selcttcs + '&lt;div id=dcttcs&gt;&lt;\/div&gt;&lt;\/caption&gt;');<br \/>\n  } else {<br \/>\n    return whl;<br \/>\n  }<br \/>\n}<\/b><br \/>\n<\/code><\/p>\n<hr>\n<p id='wpwaebaft'>Previous relevant <a target=_blank title='WordPress Widget via Animated Emoji Button Above the Fold Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-widget-via-animated-emoji-button-above-the-fold-tutorial\/'>WordPress Widget via Animated Emoji Button Above the Fold Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a title='WordPress Widget via Animated Emoji Button Above the Fold Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/wp_widgets_animated_emoji.gif\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"WordPress Widget via Animated Emoji Button Above the Fold Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/wp_widgets_animated_emoji.gif\" title=\"WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial\"  \/><\/a><p class=\"wp-caption-text\">WordPress Widget via Animated Emoji Button Above the Fold Tutorial<\/p><\/div>\n<p>We have a dual purpose blog posting today that &#8230;<\/p>\n<ul>\n<li>continues on the WordPress Calendar Widget <a title='WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial' href='#wplicwaft'>WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial<\/a> &#8220;above the fold&#8221; theme, extending the coding logic to handle other widgets that the user may benefit from seeing &#8220;above the fold&#8221; &#8230; and in so doing &#8230;<\/li>\n<li>we are starting down the road of &#8220;Emoji Button Animation&#8221; ideas, as an <a title='WordPress Widget via Animated Emoji Button Above the Fold Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/wp_widgets_animated_emoji.gif\" title=\"Click picture\">alternative dynamic menu<\/a> thought<\/li>\n<\/ul>\n<p>How do we structure the HTML of an &#8220;Emoji Button Animated&#8221;?<\/p>\n<ul>\n<li>the emoji buttons are HTML &#8220;a&#8221; (link) elements style=&#8217;font-size:40px;&#8217; &#8230; and for our animated ideas we now say for that original emoji HTML &#8220;a&#8221; (link) element we add style=&#8217;display:inline-block;&#8217; &#8230; then &#8230;<\/li>\n<li>nest this first emoji in an HTML div element style=&#8217;display:inline-block;&#8217; that also includes within its innerHTML &#8230;<\/li>\n<li>other nested emojis are added like the first but with different onclick logic to suit the widget purpose at hand and having different ID but the same style=&#8217;font-size:40px;&#8217; and style=&#8217;display:none;&#8217; &#8230; enforcing a &#8220;one emoji at a time is displayed&#8221; stratagem mixed up via &#8230;<\/li>\n<li>the Javascript &#8220;steakknives()&#8221; function doing all this (the original contents before today&#8217;s changes emboldened) &#8230;<br \/>\n<code><br \/>\n<b>function steakknives() {<\/b><br \/>\n     var htinfo=\"\", prefmore=\"\", sufmore=\"\"; suftries=[\"\",\"-1\",\"-2\",\"-3\",\"-4\",\"-5\"], preftries=[\"calendar-wrap;128197\",\"recent-posts;128238\",\"tag_cloud;127991\",\"categories;128451\",\"meta;128100\"<i>,\"s;128270\"<\/i>];<br \/>\n     if (!document.getElementById('atcalendar') && !document.getElementById('precalendar')) {<br \/>\n     if (document.URL.indexOf('animated_emoji=') != -1 || 7 == 7) {<br \/>\n     for (var ioup=1; ioup&lt;preftries.length; ioup++) {<br \/>\n       for (var joup=0; joup&lt;suftries.length; joup++) {<br \/>\n         if (document.getElementById(preftries[ioup].split(';')[0] + suftries[joup])) {<br \/>\n           if (htinfo == \"\") {  htinfo=\"atcalendar\";  }<br \/>\n           <i>if (preftries[ioup].split(';')[0] == \"s\") {<br \/>\n           htinfo+=\"__at\" + preftries[ioup].split(';')[0] + \"earch\";<br \/>\n           sufmore+='&lt;a id=\"at' + preftries[ioup].split(';')[0] + 'earch\" style=\"display:none;text-decoration:none;font-size:40px;\" href=#s title=\"' + preftries[ioup].split(';')[0].replace(\/\\_\/g,' ').replace(\/\\-\/g,' ').toUpperCase().substring(0,1) + 'earch' + ' positioned for you\"&gt;&amp;#' + preftries[ioup].split(';')[1] + ';&lt;\/a&gt;&amp;nbsp;';<br \/>\n           } else {<\/i><br \/>\n           htinfo+=\"__at\" + preftries[ioup].split(';')[0];<br \/>\n           sufmore+='&lt;a id=\"at' + preftries[ioup].split(';')[0] + '\" style=\"display:none;text-decoration:none;font-size:40px;\" href=# onclick=\"  if (document.getElementById(' + \"'\" + 'justshow' + \"'\" + ')) {  document.getElementById(' + \"'\" + 'justshow' + \"'\" + ').innerHTML=document.getElementById(' + \"'\" + preftries[ioup].split(';')[0] + suftries[joup] + \"'\" + ').innerHTML.replace(\/' + preftries[ioup].split(';')[0] + '\/g,' + \"'\" + preftries[ioup].split(';')[0] + '_t' + \"'\" + ');  document.getElementById(' + \"'\" + 'justshow' + \"'\" + ').style.display=' + \"'\" + 'block' + \"'\" + ';  }  \" title=\"' + preftries[ioup].split(';')[0].replace(\/\\_\/g,' ').replace(\/\\-\/g,' ').toUpperCase().substring(0,1) + preftries[ioup].split(';')[0].replace(\/\\_\/g,' ').replace(\/\\-\/g,' ').toLowerCase().substring(1) + ' to top\"&gt;&amp;#' + preftries[ioup].split(';')[1] + ';&lt;\/a&gt;&amp;nbsp;';<br \/>\n           <i>}<\/i><br \/>\n         }<br \/>\n       }<br \/>\n     }<br \/>\n     if (htinfo != '') {<br \/>\n       prefmore=\"&lt;div id=precalendar title='\" + htinfo + \"' style='display:inline-block;'&gt;\";<br \/>\n       sufmore+=\"&lt;\/div&gt;\";<br \/>\n       setTimeout(steakknives, 5000);<br \/>\n     }<br \/>\n     }<br \/>\n     <b>document.getElementById('site-title').innerHTML+='&amp;nbsp;<\/b>' + prefmore + '<b>&lt;a id=\"atcalendar\" style=\"<\/b>display:inline-block;<b>text-decoration:none;font-size:40px;\" href=# onclick=\"  if (document.getElementById(' + \"'\" + 'justshow' + \"'\" + ')) {  document.getElementById(' + \"'\" + 'justshow' + \"'\" + ').innerHTML=document.getElementById(' + \"'\" + 'calendar_wrap' + \"'\" + ').outerHTML.replace(\/calendar_wrap\/g,' + \"'\" + 'calendar_wrap_t' + \"'\" + ');  document.getElementById(' + \"'\" + 'justshow' + \"'\" + ').style.display=' + \"'\" + 'block' + \"'\" + ';  }  \" title=\"Calendar to top\"&gt;&amp;#128197;&lt;\/a&gt;<\/b>' + sufmore + '<b>&amp;nbsp;';<\/b><br \/>\n     } else if (document.getElementById('precalendar')) {<br \/>\n       var echoices=document.getElementById('precalendar').title.split('__');<br \/>\n       var ibis=echoices[0];<br \/>\n       for (var koup=0; koup&lt;echoices.length; koup++) {<br \/>\n         if (('' + document.getElementById(echoices[koup]).style.display).toLowerCase().indexOf('block') != -1) {<br \/>\n           document.getElementById(echoices[koup]).style.display='none';<br \/>\n           if (koup == eval(-1 + echoices.length)) {<br \/>\n             ibis=echoices[0];<br \/>\n           } else {<br \/>\n             ibis=echoices[eval(1 + koup)];<br \/>\n           }<br \/>\n         }<br \/>\n       }<br \/>\n       document.getElementById(ibis).style.display='inline-block';<br \/>\n       setTimeout(steakknives, 5000);<br \/>\n     }<br \/>\n<b>}<\/b><br \/>\n<\/code><br \/>\n &#8230; is recursive (via the Javascript <a target=_blank title='Javascript setTimeout method information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/met_win_settimeout.asp'>setTimeout<\/a> timer function), the continuing job of that function being to determine one emoji to be style=&#8217;display:inline-block;&#8217; while all the other nested emojis are style=&#8217;display:none;&#8217;<\/li>\n<\/ul>\n<p>Can you see this as <a title='WordPress Widget via Animated Emoji Button Above the Fold Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/wp_widgets_animated_emoji.jpg\" title=\"Tutorial picture\">another idea for a menu<\/a>?<\/p>\n<p><b><i>Stop Press<\/i><\/b><\/p>\n<p>To include the Search Widget &#8230; or not to include the Search Widget .. that is the question?  We decided to include it, but we didn&#8217;t clone it (like the other widgets) this time, rather, we just hashtag navigate the user to the Search Widget.  Why the difference?  Cloning more suits scenarios where the ID is not crucial, and though cloning may work for the Search Widget, it is not worth it, in our books (<font size=1>nor our December pamphlette<\/font>).  It will be good for a mobile user to include the Search Widget in the thinking though, because it can be way down the bottom of the webpage otherwise.<\/p>\n<p>Anyway, in amended code above look for the Search Widget specific <i>itallic<\/i> code snippets.<\/p>\n<hr>\n<p id='wplicwaft'>Previous relevant <a target=_blank title='WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-link-to-iframe-via-calendar-widget-above-the-fold-tutorial\/'>WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a title='WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/\/wp_calendar_above_fold.gif\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/wp_calendar_above_fold.gif\" title=\"WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial\"  \/><\/a><p class=\"wp-caption-text\">WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial<\/p><\/div>\n<p>As a web application programmer, it may seem a pretty obvious aim (or User Experience (<a target=_blank title='UX information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/User_experience'>UX<\/a>) stratagem) in programming life, to seek to place functionality &#8220;above the fold&#8221; (ie. within an initial screen height and width view).  The &#8220;above the fold&#8221; comes from the days when large spreadsheet newspapers needed to be folded in half to read on busy trains and buses, the &#8220;above the fold&#8221; content being that content above that fold within eyesight, at the time you are interested in.<\/p>\n<p>Am totally in agreement with all this as well (<font size=1>though am a bit biassed here?!<\/font>), though there are complications here &#8230;<\/p>\n<ul>\n<li>often a single piece of functionality content &#8220;look&#8221; (that is large enough to read) can&#8217;t fit in the one initial screen (height and width) &#8230; and one we often come across as a programmer &#8230;<\/li>\n<li>we only want to make some new functionality &#8220;very obvious&#8221; (&#8220;above the fold&#8221;) when we are ready to release it, because we feel that it is non-buggy enough to &#8220;go live&#8221;<\/li>\n<\/ul>\n<p> &#8230; and this second point may be irrelevent in many scenarios, such as those where you &#8230;<\/p>\n<ul>\n<li>have a test case scenario separate to the &#8220;go live&#8221; environment, on which you can fully test everything, ahead of deploying it (ie. going live with it)<\/li>\n<li>can still test live with a &#8220;backdoor approach&#8221; that only you, the programmer (yooooooo hooooooo) know above for a short time while tests are carried out<\/li>\n<li>an IDE controls your deployment to the live environment<\/li>\n<\/ul>\n<p> &#8230; and for us with this current project, we used a bit of the middle option above, but were up until today, still sheepish with the incomplete look of our WordPress Blog Calendar Widget extended &#8220;Iframes Up the Top&#8221; functionality.<\/p>\n<p>Taking a look at the parts of this WordPress Blog webpages <a title='WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/wp_calendar_above_fold.jpg\" title=\"Click picture\">just to the right of the blog title<\/a>, you&#8217;ll have gathered we like to use &#8220;Emoji Buttons&#8221;, the size of which can be controlled by <i><b>font-size:40px;<\/b><\/i> (within <i>new added code<\/i>) to be that little bigger than usual, to suit their importance as buttons &#8230;<\/p>\n<p><code><br \/>\nfunction wordreps(tih,dowtoi,myc) {<br \/>\n  if (1 == 2) { alert(\"Soon we will have a word report for \" + tih.replace(' ', \" 1 is \" + ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'][dowtoi] + ' ')); }<br \/>\n}<br \/>\n<br \/>\nfunction ifrcheck(iois,dayoneis,monthyishere) {<br \/>\n  if (iois != null) {<br \/>\n       var aaconto = (iois.contentWindow || iois.contentDocument);<br \/>\n       if (aaconto != null) {<br \/>\n       if (aaconto.document) { aaconto = aaconto.document; }<br \/>\n       if (aaconto.body != null) {<br \/>\n         if (1 == 2) { alert(aaconto.body.innerText); }<br \/>\n       }<br \/>\n       }<br \/>\n  }<br \/>\n}<br \/>\n<br \/>\nfunction clickbcal() {<br \/>\n  if (document.getElementById('justshow')) {<br \/>\n    var wohtml='';<br \/>\n    if (document.URL.indexOf('domorecalendar=') == -1 && 1 == 7) {<br \/>\n      wohtml=document.getElementById('calendar_wrap').outerHTML.replace(<font color-red>\/calendar_wrap\/g<\/font>,'calendar_iframe_wrap').replace(\/a href\/g,'iframe src').replace(\/\\&lt;\\\/a\\&gt;\/g,'&lt;\/iframe&gt;').replace(\/\\\" title\\=\/g,'#content\" style=\"background-color:yellow;\" title=').replace('&gt;1&lt;\/iframe&gt;',' id=ifrcal1&gt;&lt;\/iframe&gt;').replace('&gt;2&lt;\/iframe&gt;',' id=ifrcal2&gt;&lt;\/iframe&gt;').replace('&gt;3&lt;\/iframe&gt;',' id=ifrcal3&gt;&lt;\/iframe&gt;').replace('&gt;4&lt;\/iframe&gt;',' id=ifrcal4&gt;&lt;\/iframe&gt;').replace('&gt;5&lt;\/iframe&gt;',' id=ifrcal5&gt;&lt;\/iframe&gt;').replace('&gt;6&lt;\/iframe&gt;',' id=ifrcal6&gt;&lt;\/iframe&gt;').replace('&gt;7&lt;\/iframe&gt;',' id=ifrcal7&gt;&lt;\/iframe&gt;').replace('&gt;8&lt;\/iframe&gt;',' id=ifrcal8&gt;&lt;\/iframe&gt;').replace('&gt;9&lt;\/iframe&gt;',' id=ifrcal9&gt;&lt;\/iframe&gt;').replace('&gt;10&lt;\/iframe&gt;',' id=ifrcal10&gt;&lt;\/iframe&gt;').replace('&gt;11&lt;\/iframe&gt;',' id=ifrcal11&gt;&lt;\/iframe&gt;').replace('&gt;12&lt;\/iframe&gt;',' id=ifrcal12&gt;&lt;\/iframe&gt;').replace('&gt;13&lt;\/iframe&gt;',' id=ifrcal13&gt;&lt;\/iframe&gt;').replace('&gt;14&lt;\/iframe&gt;',' id=ifrcal14&gt;&lt;\/iframe&gt;').replace('&gt;15&lt;\/iframe&gt;',' id=ifrcal15&gt;&lt;\/iframe&gt;').replace('&gt;16&lt;\/iframe&gt;',' id=ifrcal16&gt;&lt;\/iframe&gt;').replace('&gt;17&lt;\/iframe&gt;',' id=ifrcal17&gt;&lt;\/iframe&gt;').replace('&gt;18&lt;\/iframe&gt;',' id=ifrcal18&gt;&lt;\/iframe&gt;').replace('&gt;19&lt;\/iframe&gt;',' id=ifrcal19&gt;&lt;\/iframe&gt;').replace('&gt;20&lt;\/iframe&gt;',' id=ifrcal20&gt;&lt;\/iframe&gt;').replace('&gt;21&lt;\/iframe&gt;',' id=ifrcal21&gt;&lt;\/iframe&gt;').replace('&gt;22&lt;\/iframe&gt;',' id=ifrcal22&gt;&lt;\/iframe&gt;').replace('&gt;23&lt;\/iframe&gt;',' id=ifrcal23&gt;&lt;\/iframe&gt;').replace('&gt;24&lt;\/iframe&gt;',' id=ifrcal24&gt;&lt;\/iframe&gt;').replace('&gt;25&lt;\/iframe&gt;',' id=ifrcal25&gt;&lt;\/iframe&gt;').replace('&gt;26&lt;\/iframe&gt;',' id=ifrcal26&gt;&lt;\/iframe&gt;').replace('&gt;27&lt;\/iframe&gt;',' id=ifrcal27&gt;&lt;\/iframe&gt;').replace('&gt;28&lt;\/iframe&gt;',' id=ifrcal28&gt;&lt;\/iframe&gt;').replace('&gt;29&lt;\/iframe&gt;',' id=ifrcal29&gt;&lt;\/iframe&gt;').replace('&gt;30&lt;\/iframe&gt;',' id=ifrcal30&gt;&lt;\/iframe&gt;').replace('&gt;31&lt;\/iframe&gt;',' id=ifrcal31&gt;&lt;\/iframe&gt;');<br \/>\n    } else if (document.URL.indexOf('domorecalendar=') != -1 || 1 == 1) {<br \/>\n      var colspantlines=document.getElementById('calendar_wrap').outerHTML.split('&lt;tbody')[1].split('&lt;\/tr&gt;')[0].split(' colspan=\"');<br \/>\n      var dayoftheweekthatoneis=0, monthyesr='';<br \/>\n      var mys=document.getElementById('calendar_wrap').outerHTML.split('&lt;caption&gt;');<br \/>\n      if (mys.length &gt; 1) {<br \/>\n        monthyesr=mys[1].split('&lt;')[0];<br \/>\n      }<br \/>\n      if (colspantlines.length &gt; 1) {<br \/>\n        dayoftheweekthatoneis=eval(colspantlines[1].split('\"')[0]);<br \/>\n      }<br \/>\n      if (navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile\/i)) {<br \/>\n      var ahrefsare=document.getElementById('calendar_wrap').outerHTML.replace(' title=\"View posts',' TITLE=\"View posts').replace(\/\\\"col\\\" title\\=\/g,\"'col' title=\").split('\" title=\"');<br \/>\n      for (var iuy=0; iuy&lt;31; iuy++) {<br \/>\n      ahrefsare.push('');<br \/>\n      }<br \/>\n      var citn='?citn=y';<br \/>\n      if (document.URL.indexOf('?') != -1) { citn='&citn=y'; }<br \/>\n      wohtml=document.getElementById('calendar_wrap').outerHTML.replace(\/\\\"col\\\" title\\=\/g,\"'col' title=\").replace('&lt;caption&gt;','&lt;caption style=\"border:2px solid purple;background-color:orange;\" onclick=\"wordreps(this.innerHTML,' + dayoftheweekthatoneis + \",'\" + monthyesr + \"'\" + ');\"&gt;').replace(<font color-red>\/calendar_wrap\/g<\/font>,'calendar_iframe_wrap').replace(\/\\\" title\\=\/g,citn + '#content\" title=').replace('&gt;1&lt;\/a&gt;','&gt;1&lt;br&gt;&lt;br&gt;' + ahrefsare[1].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;2&lt;\/a&gt;','&gt;2&lt;br&gt;&lt;br&gt;' + ahrefsare[2].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;3&lt;\/a&gt;','&gt;3&lt;br&gt;&lt;br&gt;' + ahrefsare[3].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;4&lt;\/a&gt;','&gt;4&lt;br&gt;&lt;br&gt;' + ahrefsare[4].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;5&lt;\/a&gt;','&gt;5&lt;br&gt;&lt;br&gt;' + ahrefsare[5].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;6&lt;\/a&gt;','&gt;6&lt;br&gt;&lt;br&gt;' + ahrefsare[6].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;7&lt;\/a&gt;','&gt;7&lt;br&gt;&lt;br&gt;' + ahrefsare[7].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;8&lt;\/a&gt;','&gt;8&lt;br&gt;&lt;br&gt;' + ahrefsare[8].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;9&lt;\/a&gt;','&gt;9&lt;br&gt;&lt;br&gt;' + ahrefsare[9].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;10&lt;\/a&gt;','&gt;10&lt;br&gt;&lt;br&gt;' + ahrefsare[10].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;11&lt;\/a&gt;','&gt;11&lt;br&gt;&lt;br&gt;' + ahrefsare[11].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;12&lt;\/a&gt;','&gt;12&lt;br&gt;&lt;br&gt;' + ahrefsare[12].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;13&lt;\/a&gt;','&gt;13&lt;br&gt;&lt;br&gt;' + ahrefsare[13].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;14&lt;\/a&gt;','&gt;14&lt;br&gt;&lt;br&gt;' + ahrefsare[14].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;15&lt;\/a&gt;','&gt;15&lt;br&gt;&lt;br&gt;' + ahrefsare[15].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;16&lt;\/a&gt;','&gt;16&lt;br&gt;&lt;br&gt;' + ahrefsare[16].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;17&lt;\/a&gt;','&gt;17&lt;br&gt;&lt;br&gt;' + ahrefsare[17].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;18&lt;\/a&gt;','&gt;18&lt;br&gt;&lt;br&gt;' + ahrefsare[18].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;19&lt;\/a&gt;','&gt;19&lt;br&gt;&lt;br&gt;' + ahrefsare[19].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;20&lt;\/a&gt;','&gt;20&lt;br&gt;&lt;br&gt;' + ahrefsare[20].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;21&lt;\/a&gt;','&gt;21&lt;br&gt;&lt;br&gt;' + ahrefsare[21].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;22&lt;\/a&gt;','&gt;22&lt;br&gt;&lt;br&gt;' + ahrefsare[22].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;23&lt;\/a&gt;','&gt;23&lt;br&gt;&lt;br&gt;' + ahrefsare[23].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;24&lt;\/a&gt;','&gt;24&lt;br&gt;&lt;br&gt;' + ahrefsare[24].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;25&lt;\/a&gt;','&gt;25&lt;br&gt;&lt;br&gt;' + ahrefsare[25].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;26&lt;\/a&gt;','&gt;26&lt;br&gt;&lt;br&gt;' + ahrefsare[26].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;27&lt;\/a&gt;','&gt;27&lt;br&gt;&lt;br&gt;' + ahrefsare[27].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;28&lt;\/a&gt;','&gt;28&lt;br&gt;&lt;br&gt;' + ahrefsare[28].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;29&lt;\/a&gt;','&gt;29&lt;br&gt;&lt;br&gt;' + ahrefsare[29].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;30&lt;\/a&gt;','&gt;30&lt;br&gt;&lt;br&gt;' + ahrefsare[30].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;31&lt;\/a&gt;','&gt;31&lt;br&gt;&lt;br&gt;' + ahrefsare[31].split('\"')[0] + '&lt;\/a&gt;');<br \/>\n      } else {<br \/>\n      wohtml=document.getElementById('calendar_wrap').outerHTML.replace(\/\\\"col\\\" title\\=\/g,\"'col' title=\").replace('&lt;caption&gt;','&lt;caption style=\"border:2px solid purple;background-color:orange;\" onclick=\"wordreps(this.innerHTML,' + dayoftheweekthatoneis + \",'\" + monthyesr + \"'\" + ');\"&gt;').replace(<font color-red>\/calendar_wrap\/g<\/font>,'calendar_iframe_wrap').replace(\/a href\/g,'iframe onload=\"ifrcheck(this,' + dayoftheweekthatoneis + \",'\" + monthyesr + \"'\" + ');\" src').replace(\/\\&lt;\\\/a\\&gt;\/g,'&lt;\/iframe&gt;').replace(\/\\\" title\\=\/g,'#content\" style=\"background-color:yellow;   transform: scale(0.98,0.98); -o-transform: scale(0.98,0.98); -moz-transform: scale(0.98,0.98); -ms-transform: scale(0.98,0.98); -webkit-transform:  scale(0.98,0.98); height:350px;\" title=');<br \/>\n      }<br \/>\n    }<br \/>\n    document.getElementById('justshow').innerHTML=wohtml;<br \/>\n    document.getElementById('justshow').style.display='block';<br \/>\n    location.href='#justshow';<br \/>\n  }<br \/>\n}<br \/>\n<br \/>\nfunction postcalendar() {<br \/>\n  if ((location.hash + '').indexOf('content') != -1 && (document.URL.indexOf('?m=') != -1 || document.URL.split('\/').length &gt;= 4)) {<br \/>\n      var aps=document.getElementsByTagName('a');<br \/>\n      var kaps=false, huhas=[];<br \/>\n      for (var iaps=0; iaps&lt;aps.length; iaps++) {<br \/>\n        if (!kaps) {<br \/>\n         if (('' + aps[iaps].target).toLowerCase().indexOf('blank') == -1 && document.body.innerHTML.indexOf(aps[iaps].outerHTML) != -1) {<br \/>\n          huhas=document.body.innerHTML.split(aps[iaps].outerHTML);<br \/>\n          if (huhas[0].indexOf('entry-title') != -1 && aps[iaps].href.replace('\/wordpress?','\/ITblog\/').replace('\/wordpress\/','\/ITblog\/').indexOf('\/ITblog\/') != -1) {<br \/>\n           kaps=true;<br \/>\n           if (document.URL.indexOf('citn=') != -1) {<br \/>\n             location.href=aps[iaps].href; \/\/aps[iaps].click();<br \/>\n           } else {<br \/>\n             aps[iaps].target='_blank';<br \/>\n           }<br \/>\n          }<br \/>\n         }<br \/>\n        }<br \/>\n      }<br \/>\n  }<br \/>\n  if (document.getElementById('calendar_wrap')) {<br \/>\n    document.getElementById('calendar_wrap').innerHTML+='&lt;input <i>id=itcalendar_wrap<\/i> type=button value=\"Iframes Up Top\" onclick=\"clickbcal();\"&gt;&lt;\/input&gt;';<br \/>\n    <i>setTimeout(steakknives, 3000);<\/i><br \/>\n  }<br \/>\n}<br \/>\n<br \/>\n<i>function steakknives() {<br \/>\n     document.getElementById('site-title').innerHTML+='&nbsp;&lt;a id=\"atcalendar\" style=\"text-decoration:none;<b>font-size:40px;<\/b>\" href=# onclick=\"  if (document.getElementById(' + \"'\" + 'justshow' + \"'\" + ')) {  document.getElementById(' + \"'\" + 'justshow' + \"'\" + ').innerHTML=document.getElementById(' + \"'\" + 'calendar_wrap' + \"'\" + ').outerHTML.replace(\/calendar_wrap\/g,' + \"'\" + 'calendar_wrap_t' + \"'\" + ');  document.getElementById(' + \"'\" + 'justshow' + \"'\" + ').style.display=' + \"'\" + 'block' + \"'\" + ';  }  \" title=\"Calendar to top\"&gt;&amp;#128197;&lt;\/a&gt;&nbsp;';<br \/>\n}<\/i><br \/>\n<\/code><\/p>\n<p> &#8230; and note the <font color-red>\/calendar_wrap\/g<\/font> Javascript &#8220;replace all&#8221; regex syntax that we introduced to start being able to &#8220;clone&#8221; these Calendar Widgets, rather than physically move the original one.  This idea is possible because, apart from the outer layer HTML div element of this WordPress (TwentyTen theme) Calendar widget, it lacks ID&#8217;ed HTML elements, so in that way all we need is to uniquify that one outer layer HTML div (in its outerHTML property form) to &#8220;slap it&#8221; up to the top using that onclick event logic you can see above.<\/p>\n<p>To trace back through the context of this job during the &#8220;lack of very obvious above the fold logic&#8221; you can read from yesterday&#8217;s <a title='WordPress Link to Iframe via Calendar Widget Mobile Tutorial' href='#wplicwmt'>WordPress Link to Iframe via Calendar Widget Mobile Tutorial<\/a> and on, down.<\/p>\n<hr>\n<p id='wplicwmt'>Previous relevant <a target=_blank title='WordPress Link to Iframe via Calendar Widget Mobile Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-link-to-iframe-via-calendar-widget-mobile-tutorial\/'>WordPress Link to Iframe via Calendar Widget Mobile Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a title='WordPress Link to Iframe via Calendar Widget Mobile Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/calendar_wp_mobile.jpg\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"WordPress Link to Iframe via Calendar Widget Mobile Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/calendar_wp_mobile.jpg\" title=\"WordPress Link to Iframe via Calendar Widget Mobile Tutorial\"  \/><\/a><p class=\"wp-caption-text\">WordPress Link to Iframe via Calendar Widget Mobile Tutorial<\/p><\/div>\n<p>Try controlling the size of an HTML iframe in tight confines on a mobile platform, and perhaps you get the feeling of trying to tame a brumby.  We tried some horse whispering for an hour but got precisely nowhere, and so used &#8220;plan B&#8221;, that is to make the content smaller, while still adding knowledge.  How about adding the <a title='WordPress Link to Iframe via Calendar Widget Mobile Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/calendar_wp_mobile.jpg\" title=\"Click picture\">blog posting title<\/a> for the day of the month currently shown in the WordPress TwentyTen theme Calendar widget?  And if they&#8217;ve clicked one of these links, take them straight to that whole blog posting rather than the &#8220;middle<strike>man<\/strike>person&#8221; precis.  The Javascript (DOM) (including lots of inline CSS styling) became &#8230;<\/p>\n<p><code><br \/>\nfunction wordreps(tih,dowtoi,myc) {<br \/>\n  if (1 == 2) { alert(\"Soon we will have a word report for \" + tih.replace(' ', \" 1 is \" + ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'][dowtoi] + ' ')); }<br \/>\n}<br \/>\n<br \/>\nfunction ifrcheck(iois,dayoneis,monthyishere) {<br \/>\n  if (iois != null) {<br \/>\n       var aaconto = (iois.contentWindow || iois.contentDocument);<br \/>\n       if (aaconto != null) {<br \/>\n       if (aaconto.document) { aaconto = aaconto.document; }<br \/>\n       if (aaconto.body != null) {<br \/>\n         if (1 == 2) { alert(aaconto.body.innerText); }<br \/>\n       }<br \/>\n       }<br \/>\n  }<br \/>\n}<br \/>\n<br \/>\nfunction clickbcal() {<br \/>\n  if (document.getElementById('justshow')) {<br \/>\n    var wohtml='';<br \/>\n    if (document.URL.indexOf('domorecalendar=') == -1 && 1 == 7) {<br \/>\n      wohtml=document.getElementById('calendar_wrap').outerHTML.replace('calendar_wrap','calendar_iframe_wrap').replace(\/a href\/g,'iframe src').replace(\/\\&lt;\\\/a\\&gt;\/g,'&lt;\/iframe&gt;').replace(\/\\\" title\\=\/g,'#content\" style=\"background-color:yellow;\" title=').replace('&gt;1&lt;\/iframe&gt;',' id=ifrcal1&gt;&lt;\/iframe&gt;').replace('&gt;2&lt;\/iframe&gt;',' id=ifrcal2&gt;&lt;\/iframe&gt;').replace('&gt;3&lt;\/iframe&gt;',' id=ifrcal3&gt;&lt;\/iframe&gt;').replace('&gt;4&lt;\/iframe&gt;',' id=ifrcal4&gt;&lt;\/iframe&gt;').replace('&gt;5&lt;\/iframe&gt;',' id=ifrcal5&gt;&lt;\/iframe&gt;').replace('&gt;6&lt;\/iframe&gt;',' id=ifrcal6&gt;&lt;\/iframe&gt;').replace('&gt;7&lt;\/iframe&gt;',' id=ifrcal7&gt;&lt;\/iframe&gt;').replace('&gt;8&lt;\/iframe&gt;',' id=ifrcal8&gt;&lt;\/iframe&gt;').replace('&gt;9&lt;\/iframe&gt;',' id=ifrcal9&gt;&lt;\/iframe&gt;').replace('&gt;10&lt;\/iframe&gt;',' id=ifrcal10&gt;&lt;\/iframe&gt;').replace('&gt;11&lt;\/iframe&gt;',' id=ifrcal11&gt;&lt;\/iframe&gt;').replace('&gt;12&lt;\/iframe&gt;',' id=ifrcal12&gt;&lt;\/iframe&gt;').replace('&gt;13&lt;\/iframe&gt;',' id=ifrcal13&gt;&lt;\/iframe&gt;').replace('&gt;14&lt;\/iframe&gt;',' id=ifrcal14&gt;&lt;\/iframe&gt;').replace('&gt;15&lt;\/iframe&gt;',' id=ifrcal15&gt;&lt;\/iframe&gt;').replace('&gt;16&lt;\/iframe&gt;',' id=ifrcal16&gt;&lt;\/iframe&gt;').replace('&gt;17&lt;\/iframe&gt;',' id=ifrcal17&gt;&lt;\/iframe&gt;').replace('&gt;18&lt;\/iframe&gt;',' id=ifrcal18&gt;&lt;\/iframe&gt;').replace('&gt;19&lt;\/iframe&gt;',' id=ifrcal19&gt;&lt;\/iframe&gt;').replace('&gt;20&lt;\/iframe&gt;',' id=ifrcal20&gt;&lt;\/iframe&gt;').replace('&gt;21&lt;\/iframe&gt;',' id=ifrcal21&gt;&lt;\/iframe&gt;').replace('&gt;22&lt;\/iframe&gt;',' id=ifrcal22&gt;&lt;\/iframe&gt;').replace('&gt;23&lt;\/iframe&gt;',' id=ifrcal23&gt;&lt;\/iframe&gt;').replace('&gt;24&lt;\/iframe&gt;',' id=ifrcal24&gt;&lt;\/iframe&gt;').replace('&gt;25&lt;\/iframe&gt;',' id=ifrcal25&gt;&lt;\/iframe&gt;').replace('&gt;26&lt;\/iframe&gt;',' id=ifrcal26&gt;&lt;\/iframe&gt;').replace('&gt;27&lt;\/iframe&gt;',' id=ifrcal27&gt;&lt;\/iframe&gt;').replace('&gt;28&lt;\/iframe&gt;',' id=ifrcal28&gt;&lt;\/iframe&gt;').replace('&gt;29&lt;\/iframe&gt;',' id=ifrcal29&gt;&lt;\/iframe&gt;').replace('&gt;30&lt;\/iframe&gt;',' id=ifrcal30&gt;&lt;\/iframe&gt;').replace('&gt;31&lt;\/iframe&gt;',' id=ifrcal31&gt;&lt;\/iframe&gt;');<br \/>\n    } else if (document.URL.indexOf('domorecalendar=') != -1 || 1 == 1) {<br \/>\n      var colspantlines=document.getElementById('calendar_wrap').outerHTML.split('&lt;tbody')[1].split('&lt;\/tr&gt;')[0].split(' colspan=\"');<br \/>\n      var dayoftheweekthatoneis=0, monthyesr='';<br \/>\n      var mys=document.getElementById('calendar_wrap').outerHTML.split('&lt;caption&gt;');<br \/>\n      if (mys.length &gt; 1) {<br \/>\n        monthyesr=mys[1].split('&lt;')[0];<br \/>\n      }<br \/>\n      if (colspantlines.length &gt; 1) {<br \/>\n        dayoftheweekthatoneis=eval(colspantlines[1].split('\"')[0]);<br \/>\n      }<br \/>\n      <b>if (navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile\/i)) {<\/b><br \/>\n      var ahrefsare=document.getElementById('calendar_wrap').outerHTML.replace(' title=\"View posts',' TITLE=\"View posts').replace(\/\\\"col\\\" title\\=\/g,\"'col' title=\").split('\" title=\"');<br \/>\n      for (var iuy=0; iuy&lt;31; iuy++) {<br \/>\n      ahrefsare.push('');<br \/>\n      }<br \/>\n      var citn='?citn=y';<br \/>\n      if (document.URL.indexOf('?') != -1) { citn='&citn=y'; }<br \/>\n      wohtml=document.getElementById('calendar_wrap').outerHTML.replace(\/\\\"col\\\" title\\=\/g,\"'col' title=\").replace('&lt;caption&gt;','&lt;caption style=\"border:2px solid purple;background-color:orange;\" onclick=\"wordreps(this.innerHTML,' + dayoftheweekthatoneis + \",'\" + monthyesr + \"'\" + ');\"&gt;').replace('calendar_wrap','calendar_iframe_wrap').replace(\/\\\" title\\=\/g,citn + '#content\" title=').replace('&gt;1&lt;\/a&gt;','&gt;1&lt;br&gt;&lt;br&gt;' + ahrefsare[1].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;2&lt;\/a&gt;','&gt;2&lt;br&gt;&lt;br&gt;' + ahrefsare[2].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;3&lt;\/a&gt;','&gt;3&lt;br&gt;&lt;br&gt;' + ahrefsare[3].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;4&lt;\/a&gt;','&gt;4&lt;br&gt;&lt;br&gt;' + ahrefsare[4].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;5&lt;\/a&gt;','&gt;5&lt;br&gt;&lt;br&gt;' + ahrefsare[5].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;6&lt;\/a&gt;','&gt;6&lt;br&gt;&lt;br&gt;' + ahrefsare[6].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;7&lt;\/a&gt;','&gt;7&lt;br&gt;&lt;br&gt;' + ahrefsare[7].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;8&lt;\/a&gt;','&gt;8&lt;br&gt;&lt;br&gt;' + ahrefsare[8].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;9&lt;\/a&gt;','&gt;9&lt;br&gt;&lt;br&gt;' + ahrefsare[9].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;10&lt;\/a&gt;','&gt;10&lt;br&gt;&lt;br&gt;' + ahrefsare[10].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;11&lt;\/a&gt;','&gt;11&lt;br&gt;&lt;br&gt;' + ahrefsare[11].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;12&lt;\/a&gt;','&gt;12&lt;br&gt;&lt;br&gt;' + ahrefsare[12].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;13&lt;\/a&gt;','&gt;13&lt;br&gt;&lt;br&gt;' + ahrefsare[13].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;14&lt;\/a&gt;','&gt;14&lt;br&gt;&lt;br&gt;' + ahrefsare[14].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;15&lt;\/a&gt;','&gt;15&lt;br&gt;&lt;br&gt;' + ahrefsare[15].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;16&lt;\/a&gt;','&gt;16&lt;br&gt;&lt;br&gt;' + ahrefsare[16].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;17&lt;\/a&gt;','&gt;17&lt;br&gt;&lt;br&gt;' + ahrefsare[17].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;18&lt;\/a&gt;','&gt;18&lt;br&gt;&lt;br&gt;' + ahrefsare[18].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;19&lt;\/a&gt;','&gt;19&lt;br&gt;&lt;br&gt;' + ahrefsare[19].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;20&lt;\/a&gt;','&gt;20&lt;br&gt;&lt;br&gt;' + ahrefsare[20].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;21&lt;\/a&gt;','&gt;21&lt;br&gt;&lt;br&gt;' + ahrefsare[21].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;22&lt;\/a&gt;','&gt;22&lt;br&gt;&lt;br&gt;' + ahrefsare[22].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;23&lt;\/a&gt;','&gt;23&lt;br&gt;&lt;br&gt;' + ahrefsare[23].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;24&lt;\/a&gt;','&gt;24&lt;br&gt;&lt;br&gt;' + ahrefsare[24].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;25&lt;\/a&gt;','&gt;25&lt;br&gt;&lt;br&gt;' + ahrefsare[25].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;26&lt;\/a&gt;','&gt;26&lt;br&gt;&lt;br&gt;' + ahrefsare[26].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;27&lt;\/a&gt;','&gt;27&lt;br&gt;&lt;br&gt;' + ahrefsare[27].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;28&lt;\/a&gt;','&gt;28&lt;br&gt;&lt;br&gt;' + ahrefsare[28].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;29&lt;\/a&gt;','&gt;29&lt;br&gt;&lt;br&gt;' + ahrefsare[29].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;30&lt;\/a&gt;','&gt;30&lt;br&gt;&lt;br&gt;' + ahrefsare[30].split('\"')[0] + '&lt;\/a&gt;').replace('&gt;31&lt;\/a&gt;','&gt;31&lt;br&gt;&lt;br&gt;' + ahrefsare[31].split('\"')[0] + '&lt;\/a&gt;');<br \/>\n      <b>}<\/b> else {<br \/>\n      wohtml=document.getElementById('calendar_wrap').outerHTML.replace(\/\\\"col\\\" title\\=\/g,\"'col' title=\").replace('&lt;caption&gt;','&lt;caption style=\"border:2px solid purple;background-color:orange;\" onclick=\"wordreps(this.innerHTML,' + dayoftheweekthatoneis + \",'\" + monthyesr + \"'\" + ');\"&gt;').replace('calendar_wrap','calendar_iframe_wrap').replace(\/a href\/g,'iframe onload=\"ifrcheck(this,' + dayoftheweekthatoneis + \",'\" + monthyesr + \"'\" + ');\" src').replace(\/\\&lt;\\\/a\\&gt;\/g,'&lt;\/iframe&gt;').replace(\/\\\" title\\=\/g,'#content\" style=\"background-color:yellow;   transform: scale(0.98,0.98); -o-transform: scale(0.98,0.98); -moz-transform: scale(0.98,0.98); -ms-transform: scale(0.98,0.98); -webkit-transform:  scale(0.98,0.98); height:350px;\" title=');<br \/>\n      }<br \/>\n    }<br \/>\n    document.getElementById('justshow').innerHTML=wohtml;<br \/>\n    document.getElementById('justshow').style.display='block';<br \/>\n    location.href='#justshow';<br \/>\n  }<br \/>\n}<br \/>\n<br \/>\nfunction postcalendar() {<br \/>\n  <i>if ((location.hash + '').indexOf('content') != -1<\/i> && (document.URL.indexOf('?m=') != -1 || document.URL.split('\/').length &gt;= 4)<i>) {<\/i><br \/>\n      var aps=document.getElementsByTagName('a');<br \/>\n      var kaps=false, huhas=[];<br \/>\n      for (var iaps=0; iaps&lt;aps.length; iaps++) {<br \/>\n        if (!kaps) {<br \/>\n         if (('' + aps[iaps].target).toLowerCase().indexOf('blank') == -1 && document.body.innerHTML.indexOf(aps[iaps].outerHTML) != -1) {<br \/>\n          huhas=document.body.innerHTML.split(aps[iaps].outerHTML);<br \/>\n          if (huhas[0].indexOf('entry-title') != -1 && aps[iaps].href.replace('\/wordpress?','\/ITblog\/').replace('\/wordpress\/','\/ITblog\/').indexOf('\/ITblog\/') != -1) {<br \/>\n           kaps=true;<br \/>\n           if (document.URL.indexOf('citn=') != -1) {<br \/>\n             location.href=aps[iaps].href; \/\/aps[iaps].click();<br \/>\n           } else {<br \/>\n             aps[iaps].target='_blank';<br \/>\n           }<br \/>\n          }<br \/>\n         }<br \/>\n        }<br \/>\n      }<br \/>\n  <i>}<\/i><br \/>\n  if (document.getElementById('calendar_wrap')) {<br \/>\n    document.getElementById('calendar_wrap').innerHTML+='&lt;input type=button value=\"Iframes Up Top\" onclick=\"clickbcal();\"&gt;&lt;\/input&gt;';<br \/>\n  }<br \/>\n}<br \/>\n<\/code><\/p>\n<p> &#8230; for a codebase that suits both mobile and non-mobile platforms, the latter of which were catered for well by yesterday&#8217;s <a title='WordPress Link to Iframe via Calendar Widget Primer Tutorial' href='#wplicwpt'>WordPress Link to Iframe via Calendar Widget Primer Tutorial<\/a>.<\/p>\n<p>Two aspects of interest here are &#8230;<\/p>\n<ul>\n<li>mobile platform detection via &#8230; <b>if (navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile\/i)) {<br \/>\n    \/\/ mobile platform specific Javascript goes here<br \/>\n}<\/b><\/li>\n<li>checking in Javascript for hashtag navigation via &#8230; <i>if ((location.hash + &#8221;).indexOf(&#8216;content&#8217;) != -1<\/i> &#038;&#038; (document.URL.indexOf(&#8216;?m=&#8217;) != -1 || document.URL.split(&#8216;\/&#8217;).length &gt;= 4)<i>) {<\/i><br \/>\n    \/\/ #content hashtag navigation code goes here<br \/>\n<i>}<\/i><\/li>\n<\/ul>\n<hr>\n<p id='wplicwpt'>Previous relevant <a target=_blank title='WordPress Link to Iframe via Calendar Widget Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-link-to-iframe-via-calendar-widget-primer-tutorial\/'>WordPress Link to Iframe via Calendar Widget Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a title='WordPress Link to Iframe via Calendar Widget Primer Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/wp_calendar.pdf\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"WordPress Link to Iframe via Calendar Widget Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/wp_calendar.jpg\" title=\"WordPress Link to Iframe via Calendar Widget Primer Tutorial\"  \/><\/a><p class=\"wp-caption-text\">WordPress Link to Iframe via Calendar Widget Primer Tutorial<\/p><\/div>\n<p>Calendar functionality in web applications can be very useful.  To organize data in a chronological order makes a lot of sense given the lives we live here on Earth where we are able to rely on the sun rising every day.  At this blog, for example, we post once every Sun rising (somewhere on Earth) every day.<\/p>\n<p>The WordPress TwentyTen theme has a Calendar widget you can choose to use on your blog, and we decided to do that here at this blog.  If this Calendar widget had been a &#8230;<\/p>\n<ul>\n<li>Text Widget we could have added to its functionality with today&#8217;s &#8220;WordPress Link to Iframe via Calendar&#8221; directly in the code of the Text Widget &#8230; and then you could get inside the native PHP and use &#8230;<\/li>\n<li>WordPress <a target=_blank title='WordPress codex' href='https:\/\/codex.wordpress.org\/'>Codex<\/a> approach to native code amendments &#8230; or, at least for us, here, with our &#8230;<\/li>\n<li>TwentyTen theme&#8217;s header.php gets changed to add in the new &#8220;WordPress Link to Iframe via Calendar&#8221; functionality, working off what the widget already provides via document.body onload event Javascript DOM code<\/li>\n<\/ul>\n<p>We like the look of WordPress TwentyTen theme&#8217;s Calendar widget, so why not start with its outerHTML property value as used in the (Javascript DOM) code &#8230;<\/p>\n<p><code><br \/>\nfunction clickbcal() {<br \/>\n  if (document.getElementById('justshow')) {<br \/>\n    var wohtml=document.getElementById('calendar_wrap').outerHTML.replace('calendar_wrap','calendar_iframe_wrap').replace(\/a href\/g,'iframe src').replace(\/\\&lt;\\\/a\\&gt;\/g,'&lt;\/iframe&gt;').replace(\/\\\" title\\=\/g,'#stuts\" style=\"background-color:yellow;\" title=');<br \/>\n    document.getElementById('justshow').innerHTML=wohtml;<br \/>\n    document.getElementById('justshow').style.display='block';<br \/>\n    location.href='#justshow';<br \/>\n  }<br \/>\n}<br \/>\n<br \/>\nfunction postcalendar() {<br \/>\n  if (document.getElementById('calendar_wrap')) {<br \/>\n    document.getElementById('calendar_wrap').innerHTML+='&lt;input type=button value=\"Iframes Up Top\" onclick=\"clickbcal();\"&gt;&lt;\/input&gt;';<br \/>\n  }<br \/>\n}<br \/>\n<\/code><\/p>\n<p> &#8230; called via document.body onload event Javascript DOM code call in the PHP&#8217;s HTML &#8230;<\/p>\n<p><code><br \/>\n&lt;body onload=\" postcalendar(); \"&gt;<br \/>\n<\/code><\/p>\n<p> &#8230; manifested (and used) by one additional button added to the end of the Calendar widget labelled <a title='WordPress Link to Iframe via Calendar Widget Primer Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/wp_calendar.pdf\" title=\"Click picture\">&#8220;Iframes Up Top&#8221;<\/a>.<\/p>\n<p>Did the <b>&#8220;justshow&#8221;<\/b> (HTML, within header.php) bit &#8230;<\/p>\n<p><code><br \/>\n<b>&lt;div id=\"justshow\" style=\"position:absolute;top:0;left:0;display:none;z-index:23;\"&gt;&lt;\/div&gt;<\/b><br \/>\n<br \/>\n\t&lt;div id=\"main\"&gt;<br \/>\n<\/code><\/p>\n<p> &#8230; remind you of another WordPress blog change?  Take a read of <a title='WordPress Blog Posting Thread Content Summary Tutorial' href='#wpbptcst'>WordPress Blog Posting Thread Content Summary Tutorial<\/a>.  We hope this helps you out.<\/p>\n<hr>\n<p id='wpbptcst'>Previous relevant <a target=_blank title='WordPress Blog Posting Thread Content Summary Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-posting-thread-content-summary-tutorial\/'>WordPress Blog Posting Thread Content Summary Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/?detailssummary=y\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"WordPress Blog Posting Thread Content Summary Tutorial\" src=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/detailssummary_more.jpg\" title=\"WordPress Blog Posting Thread Content Summary Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">WordPress Blog Posting Thread Content Summary Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a title='WordPress Blog Posting Content Summary Primer Tutorial' href='#wpbpcspt'>WordPress Blog Posting Content Summary Primer Tutorial<\/a> used the <a target=_blank title='blank title='Reveal tutorials here' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/reveal'>reveal<\/a> HTML5 &#8220;stars&#8221; &#8230;<\/p>\n<ul>\n<li><a target=_blank title='HTML details tag information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_details.asp'>details<\/a> tag &#8230; and its nested &#8230;<\/li>\n<li><a target=_blank title='HTML summary tag information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_details.asp'>summary<\/a><\/li>\n<\/ul>\n<p> &#8230; to allow for &#8220;scrunched up&#8221; presentations of multiple blog posts so really only had huge impactive use with the <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/?detailssummary=y\">WordPress Blog document root index.php<\/a> call of it, where several of the latest blog postings are shown to the user.  However, in the way we go about it here, we construct these &#8230;<\/p>\n<blockquote><p>\nBlog Posting Threads\n<\/p><\/blockquote>\n<p> &#8230; that call on and contain blog postings related to it (from the recent past, usually, but doesn&#8217;t have to be).  These &#8220;lead in&#8221; blog postings are presented in full separated from the new blog posting content by our home (CSS) styled &#8230;<\/p>\n<p><code><br \/>\n&lt;hr \/&gt;<br \/>\n<\/code><\/p>\n<p> &#8230; horizontal rule elements.  Today, we make use of that &#8220;habit&#8221; we have to introduce new &#8230;<\/p>\n<ul>\n<li><a target=_blank title='HTML details tag information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_details.asp'>details<\/a> tag &#8230; and its nested &#8230;<\/li>\n<li><a target=_blank title='HTML summary tag information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_details.asp'>summary<\/a><\/li>\n<\/ul>\n<p> &#8230; &#8220;pairings&#8221; to scrunch these up, when the user has decided to generally &#8220;scrunch up&#8221; (though we are going to think about doing it all the time after seeing what it&#8217;s like, for a while).<\/p>\n<p>Not much new here, you might say, but there is something new about what we do navigation wise in these scenarios.  We have another &#8220;habit&#8221; with our blog posting creations for these &#8220;blog posting threads&#8221;.  Invariably, we&#8217;re pretty sure, we provide within the new blog posting, an HTML <a target=_blank title='HTML strike tag information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tag_a.asp'>a<\/a> hashtagging link (eg. #wpbpcspt to get to blog posting &#8220;thread&#8221; member below, often &#8220;yesterday&#8217;s&#8221;).  We want it to be that if the user uses one of these <a target=_blank title='HTML strike tag information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tag_a.asp'>a<\/a> hashtagging links that causes any (new) &#8220;closed&#8221; details\/summary &#8220;guardians against verbosity&#8221; to open up.  How is that done?  We maintain a global &#8230;<\/p>\n<ol>\n<li><code><br \/>\nvar nohlist=\";\";<br \/>\n<\/code><br \/>\n &#8230; which gets to be accessed and used in a new Javascript function &#8230;\n<\/li>\n<li><code><br \/>\nfunction checknohlist() {<br \/>\n  if (('' + location.hash).indexOf('#') != -1) {<br \/>\n    if (nohlist.indexOf(';#' + location.hash.split('#')[1] + ';') != -1) {<br \/>\n      document.getElementById('ds_' + location.hash.split('#')[1]).setAttribute('open', true);<br \/>\n      nohlist=nohlist.replace(';#' + location.hash.split('#')[1] + ';',';');<br \/>\n    }<br \/>\n  }<br \/>\n  if (nohlist.replace(';','') != '') setTimeout(checknohlist, 3000);<br \/>\n}<br \/>\n<\/code><br \/>\n &#8230; using the hashtagging &#8220;flagger&#8221; <a target=_blank title='Javascript window.location.hash information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/prop_loc_hash.asp'>location.hash<\/a> &#8230; the bits of a URL after and including the # character, as relevant &#8230; that is hashtagging, to us &#8230; and this new function is now used in amended function from yesterday <b><i>as per<\/i><\/b> &#8230;\n<\/li>\n<li><code><br \/>\nfunction details_summary(mou) {<br \/>\n  var other_bits=[], hrother_bits=[]<b>, ihrb=0, fb='', fbids=[], thatidis='', hrp=''<\/b>;<br \/>\n  var dbitssare=document.body.innerHTML.split('&lt;div class=\"entry-content\"&gt;');<br \/>\n  var dbitseare=document.body.innerHTML.split('&lt;div class=\"entry-utility\"&gt;');<br \/>\n  if (document.URL.indexOf('detailssummary=') != -1 || mou != 0) {<br \/>\n    if (dbitssare.length &gt; 1 && dbitssare.length == dbitseare.length) {<br \/>\n      var dbih=document.body.innerHTML, idbih=1;<br \/>\n      for (var idb=0; idb&lt;dbitssare.length; idb++) {<br \/>\n        if (('' + dbitssare[eval(1 + idb)]).indexOf('&lt;p&gt;') != -1) {<br \/>\n        if (('' + dbitssare[eval(1 + idb)]).split('&lt;p&gt;')[idbih].split('&lt;\/p&gt;')[0] == '') {<br \/>\n          if (('' + dbitssare[eval(1 + idb)]).split('&lt;p&gt;').length &gt;= eval(1 + eval(idbih))) {<br \/>\n            idbih++;<br \/>\n          }<br \/>\n        }<br \/>\n        dbih=dbih.replace('&lt;div class=\"entry-content\"&gt;','&lt;details class=\"gendetails\" title=\"Click me to toggle open\/close ... ' + ('' + dbitssare[eval(1 + idb)]).split('&lt;p&gt;')[idbih].split('&lt;\/p&gt;')[0].replace(\/\\'\/g,'`').replace(\/\\\"\/g,'`').replace(\/\\&gt;\/g,'&gt;').replace(\/\\&lt;\/g,'&lt;') + '\"&gt;&lt;summary&gt;&lt;\/summary&gt;&lt;div title=\"entry-content\" class=\"entry-content\"&gt;');<br \/>\n        } else {<br \/>\n        dbih=dbih.replace('&lt;div class=\"entry-content\"&gt;','&lt;details class=\"gendetails\" title=\"Click me to toggle open\/close\"&gt;&lt;summary&gt;&lt;\/summary&gt;&lt;div title=\"entry-content\" class=\"entry-content\"&gt;');<br \/>\n        }<br \/>\n        <b>if (document.URL.indexOf('andmorehr=') != -1 || 1 == 1) {<br \/>\n         other_bits=dbih.split('&lt;div title=\"entry-content\" class=\"entry-content\"&gt;');<br \/>\n         hrother_bits=other_bits[eval(-1 + other_bits.length)].split('&lt;div class=\"entry-utility\"&gt;')[0].split('&lt;hr ');<br \/>\n         hrp='&lt;hr ';<br \/>\n         for (ihrb=1; ihrb&lt;hrother_bits.length; ihrb++) {<br \/>\n           if (hrother_bits[ihrb].indexOf('&lt;\/p&gt;') != -1 && hrother_bits[ihrb].indexOf('If this was interesting you may be interested') == -1) {<br \/>\n                thatidis='';<br \/>\n                fb=hrp + hrother_bits[ihrb].split('&gt;')[0] + '&gt;';<br \/>\n                fbids=(hrp + hrother_bits[ihrb]).split(fb)[1].split('&lt;\/p&gt;')[0].split('&lt;p id=\"');<br \/>\n                if (fbids.length &lt;= 1) {<br \/>\n                  fbids=(hrp + hrother_bits[ihrb]).split(fb)[1].split('&lt;\/p&gt;')[0].split(\"&lt;p id='\");<br \/>\n                  if (fbids.length &gt; 1) {<br \/>\n                    thatidis=fbids[1].split(\"'\")[0];<br \/>\n                  }<br \/>\n                } else {<br \/>\n                  thatidis=fbids[1].split('\"')[0];<br \/>\n                }<br \/>\n                if (nohlist.replace(';','') == '' && thatidis != '') {<br \/>\n                  <i>setTimeout(checknohlist, 3000);<\/i><br \/>\n                }<br \/>\n                if (thatidis != '') {<br \/>\n                  nohlist+='#' + thatidis + ';';<br \/>\n                  dbih=dbih.replace((hrp + hrother_bits[ihrb]), (fb + '&lt;details id=\"ds_' + thatidis + '\" class=\"innerdetails\" title=\"Click me to toggle open\/close\"&gt;&lt;summary&gt;' + (hrp + hrother_bits[ihrb]).split(fb)[1].split('&lt;\/p&gt;')[0] + '&lt;\/p&gt;&lt;\/summary&gt;' + (hrp + hrother_bits[ihrb]).split((hrp + hrother_bits[ihrb]).split('&lt;\/p&gt;')[0] + '&lt;\/p&gt;')[1] + '&lt;\/details&gt;'));<br \/>\n                } else {<br \/>\n                  dbih=dbih.replace((hrp + hrother_bits[ihrb]), (fb + '&lt;details class=\"innerdetails\" title=\"Click me to toggle open\/close\"&gt;&lt;summary&gt;' + (hrp + hrother_bits[ihrb]).split(fb)[1].split('&lt;\/p&gt;')[0] + '&lt;\/p&gt;&lt;\/summary&gt;' + (hrp + hrother_bits[ihrb]).split((hrp + hrother_bits[ihrb]).split('&lt;\/p&gt;')[0] + '&lt;\/p&gt;')[1] + '&lt;\/details&gt;'));<br \/>\n                }<br \/>\n           }<br \/>\n           hrp='&lt;hr ';<br \/>\n         }<br \/>\n        }<\/b><br \/>\n        dbih=dbih.replace('&lt;div class=\"entry-utility\"&gt;','&lt;\/details&gt;&lt;div title=\"entry-utility\" class=\"entry-utility\"&gt;');<br \/>\n      }<br \/>\n      document.body.innerHTML=dbih;<br \/>\n    }<br \/>\n    if (document.URL.indexOf('detailssummary=') != -1 && mou == 0) {<br \/>\n    document.getElementById(\"eds\").innerHTML = \"&amp;#10133;\";<br \/>\n    document.getElementById(\"eds\").title = \"Open up blog posting contents now\";<br \/>\n    document.getElementById(\"eds\").style.visibility='visible';<br \/>\n    }<br \/>\n  } else if (mou == 0 && dbitssare.length &gt; 1 && dbitssare.length == dbitseare.length) {<br \/>\n    document.getElementById(\"eds\").style.visibility='visible';<br \/>\n  }<br \/>\n}<br \/>\n<\/code>\n<\/li>\n<\/ol>\n<p>So if you try today&#8217;s <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/?detailssummary=y\">live run<\/a> and &#8220;motor down&#8221; to one of the &#8220;blog posting threads&#8221; we have &#8230; and a lot are &#8230; you&#8217;ll see those new details\/summary pairings &#8220;guarding against verbosity&#8221; unless you use some of those hashtagging links into these &#8220;lead in&#8221; blog posting thread submembers, or if you click the details element yourself.<\/p>\n<hr>\n<p id='wpbpcspt'>Previous relevant <a target=_blank title='WordPress Blog Posting Content Summary Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-posting-content-summary-primer-tutorial\/'>WordPress Blog Posting Content Summary Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/?detailssummary=y\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"WordPress Blog Posting Content Summary Primer Tutorial\" src=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/detailssummary.jpg\" title=\"WordPress Blog Posting Content Summary Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">WordPress Blog Posting Content Summary Primer Tutorial<\/p><\/div>\n<p>We really like <a target=_blank title='WordPress.org ... your hosting' href='http:\/\/www.wordpress.org'>WordPress<\/a>.org for the basis of this blog&#8217;s design (and recognize <a target=_blank title='WordPress.org ... your hosting' href='http:\/\/www.wordpress.com'>WordPress.com<\/a> as a great idea for those not wanting to host their own Apache\/PHP\/MySql domain).  And am sure you would not be surprised that I am not alone.  Take a read of the excellent <a target=_blank title='WordPress information' href='https:\/\/websitebuilder.org\/resources\/amazing-facts-you-probably-dont-know-about-wordpress\/'>WordPress information<\/a> by <a target=_blank title='Websitebuilder.org ... thanks to Josh Wardini' href='http:\/\/www.websitebuilder.org'>Websitebuilder.org<\/a> and, reading closely, you&#8217;ll see how popular this blogging platform is, and mention of a number of famous people using it.<\/p>\n<p>I&#8217;ve never had much trouble with WordPress, so, not all the time, but occasionally, I tweak it.  For this, we suggest, as WordPress would, to use their <a target=_blank title='WordPress Codex' href='https:\/\/codex.wordpress.org'>Codex<\/a> PHP (with MySql) coding advice, and on a personal level, though, you&#8217;ll see, reading this blog, that we also like the direct approach of, mainly, changing the header.php PHP code that sits in, for our case of a theme called TwentyTen (&#8220;twentyten&#8221; in lowercase) &#8230;<\/p>\n<p><code><br \/>\n[documentRootOfWordPressWebsite]\/wp-content\/themes\/twentyten\/<br \/>\n<\/code><\/p>\n<p>Today&#8217;s tweak of header.php relates to a matter dear to our hearts.  The desire to cater for mobile users with small screens, yet not be dumbing blog posting content down just for the sake of it.  Today we channel just about our favourite <a target=_blank title='blank title='Reveal tutorials here' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/reveal'>reveal<\/a> based idea you can read more about at <a target=_blank title='HTML5 Details Summary Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/html5-details-summary-primer-tutorial\/'>HTML5 Details Summary Primer Tutorial<\/a> to harness the goodies that came with <a target=_blank title='HTML5 information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/HTML5'>HTML5<\/a> in the form of the &#8230;<\/p>\n<ul>\n<li><a target=_blank title='HTML details tag information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_details.asp'>details<\/a> tag &#8230; and its nested &#8230;<\/li>\n<li><a target=_blank title='HTML summary tag information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_details.asp'>summary<\/a><\/li>\n<\/ul>\n<p>Implementing this in header.php went like this &#8230;<\/p>\n<ol>\n<li>added <b>into<\/b> &#8230;<br \/>\n<code><br \/>\n&lt;body onload=\" changeasfordownload();  if (cafd == cafd) { cafd=0; } else { cafd=true; }  checkonl(); setTimeout(initpostedoncc, 3000); widgetcon(); precc(); courseCookies();  cookie_fonts(); is_mentioned_by(); calendar_pass(); prejustshow(); <b>details_summary(0);<\/b>\"&gt;<br \/>\n<\/code>\n<\/li>\n<li>added a new <b>emoji button<\/b> up near the top &#8230;<br \/>\n<code><br \/>\n    document.getElementById('site-title').innerHTML+='&lt;a id=\"avs\" style=\"text-decoration:none;\" href=# onmouseover=\"getVisualSynopsis(event);\" onmouseout=\"yehbut();\"  ontouchstart=\"getVisualSynopsis(event);\" ontouchend=\"yehbut();\"  onclick=\" uptop(); \" title=\"... you can wait for the long hover functionality about Visual Synopsis (Slideshows)\"&gt;&amp;#127910;&lt;\/a&gt;&nbsp;&lt;a style=\"cursor:pointer;text-decoration:none;\" onclick=\"popselid();\" title=\"Filter Content via Div ID\"&gt;&amp;#10135;&lt;\/a&gt;<b>&nbsp;&lt;a style=\"cursor:pointer;text-decoration:none;visibility:hidden;\" title=\"Blog post contents reduced to summary\" id=\"eds\" onclick=\"pre_details_summary();\"&gt;&amp;#10134;&lt;\/a&gt;<\/b>' + printscreen(0);<br \/>\n<\/code>\n<\/li>\n<li>then added these <b>two new Javascript functions<\/b> to suit those events defined above &#8230;<br \/>\n<code><br \/>\n<b><br \/>\nfunction pre_details_summary() {<br \/>\n  var idos=0,dos=[];<br \/>\n  if (('' + document.getElementById(\"eds\").title) == 'Blog post contents reduced to summary') {<br \/>\n  if (document.body.innerHTML.indexOf('&lt;summary&gt;&lt;\/summary&gt;') == -1) {<br \/>\n    details_summary(1);<br \/>\n  } else {<br \/>\n    dos=document.getElementsByTagName('details');<br \/>\n    for (idos=0; idos&lt;dos.length; idos++) {<br \/>\n     if (dos[idos].className == \"gendetails\") {<br \/>\n      dos[idos].removeAttribute('open');<br \/>\n     }<br \/>\n    }<br \/>\n  }<br \/>\n  document.getElementById(\"eds\").innerHTML = \"&amp;#10133;\";<br \/>\n  document.getElementById(\"eds\").title = \"Open up blog posting contents now\";<br \/>\n  } else {<br \/>\n    dos=document.getElementsByTagName('details');<br \/>\n    for (idos=0; idos&lt;dos.length; idos++) {<br \/>\n     if (dos[idos].className == \"gendetails\") {<br \/>\n      dos[idos].setAttribute('open', true);<br \/>\n     }<br \/>\n    }<br \/>\n  document.getElementById(\"eds\").innerHTML = \"&amp;#10134;\";<br \/>\n  document.getElementById(\"eds\").title = \"Blog post contents reduced to summary\";<br \/>\n  }<br \/>\n}<br \/>\n<br \/>\nfunction details_summary(mou) {<br \/>\n  var dbitssare=document.body.innerHTML.split('&lt;div class=\"entry-content\"&gt;');<br \/>\n  var dbitseare=document.body.innerHTML.split('&lt;div class=\"entry-utility\"&gt;');<br \/>\n  if (document.URL.indexOf('detailssummary=') != -1 || mou != 0) {<br \/>\n    if (dbitssare.length &gt; 1 && dbitssare.length == dbitseare.length) {<br \/>\n      var dbih=document.body.innerHTML, idbih=1;<br \/>\n      for (var idb=0; idb&lt;dbitssare.length; idb++) {<br \/>\n        if (('' + dbitssare[eval(1 + idb)]).indexOf('&lt;p&gt;') != -1) {<br \/>\n        if (('' + dbitssare[eval(1 + idb)]).split('&lt;p&gt;')[idbih].split('&lt;\/p&gt;')[0] == '') {<br \/>\n          if (('' + dbitssare[eval(1 + idb)]).split('&lt;p&gt;').length &gt;= eval(1 + eval(idbih))) {<br \/>\n            idbih++;<br \/>\n          }<br \/>\n        }<br \/>\n        dbih=dbih.replace('&lt;div class=\"entry-content\"&gt;','&lt;details class=\"gendetails\" title=\"Click me to toggle open\/close ... ' + ('' + dbitssare[eval(1 + idb)]).split('&lt;p&gt;')[idbih].split('&lt;\/p&gt;')[0].replace(\/\\'\/g,'`').replace(\/\\\"\/g,'`').replace(\/\\&gt;\/g,'&gt;').replace(\/\\&lt;\/g,'&lt;') + '\"&gt;&lt;summary&gt;&lt;\/summary&gt;&lt;div title=\"entry-content\" class=\"entry-content\"&gt;');<br \/>\n        } else {<br \/>\n        dbih=dbih.replace('&lt;div class=\"entry-content\"&gt;','&lt;details class=\"gendetails\" title=\"Click me to toggle open\/close\"&gt;&lt;summary&gt;&lt;\/summary&gt;&lt;div title=\"entry-content\" class=\"entry-content\"&gt;');<br \/>\n        }<br \/>\n        dbih=dbih.replace('&lt;div class=\"entry-utility\"&gt;','&lt;\/details&gt;&lt;div title=\"entry-utility\" class=\"entry-utility\"&gt;');<br \/>\n      }<br \/>\n      document.body.innerHTML=dbih;<br \/>\n    }<br \/>\n    if (document.URL.indexOf('detailssummary=') != -1 && mou == 0) {<br \/>\n    document.getElementById(\"eds\").innerHTML = \"&amp;#10133;\";<br \/>\n    document.getElementById(\"eds\").title = \"Open up blog posting contents now\";<br \/>\n    document.getElementById(\"eds\").style.visibility='visible';<br \/>\n    }<br \/>\n  } else if (mou == 0 && dbitssare.length &gt; 1 && dbitssare.length == dbitseare.length) {<br \/>\n    document.getElementById(\"eds\").style.visibility='visible';<br \/>\n  }<br \/>\n}<br \/>\n<\/b><br \/>\n<\/code>\n<\/ol>\n<p>Of course, this is most of benefit when you are <a target=_blank title='WordPress blog' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/?detailssummary=y'>not already honing in on the one WordPress blog posting<\/a>, but there&#8217;s more fun to come, we reckon!<\/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='#d35544' onclick='var dv=document.getElementById(\"d35544\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/wordpress\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d35544' 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='#d35569' onclick='var dv=document.getElementById(\"d35569\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/hashtag\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d35569' 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='#d42286' onclick='var dv=document.getElementById(\"d42286\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/calendar\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d42286' 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='#d42307' onclick='var dv=document.getElementById(\"d42307\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/mobile\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d42307' 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='#d42326' onclick='var dv=document.getElementById(\"d42326\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/ux\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d42326' 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='#d42362' onclick='var dv=document.getElementById(\"d42362\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/animation\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d42362' 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='#d42405' onclick='var dv=document.getElementById(\"d42405\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/gist\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d42405' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The recent WordPress Widget via Animated Emoji Button Above the Fold Tutorial &#8220;WordPress Widgets Above the Fold&#8221; work needs to return back to the specifics of those &#8220;early days&#8221; amended Calendar Widget because we want to contextualize &#8230; chronology &#8230; &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-calendar-widget-above-the-fold-cut-to-the-chase-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":[1],"tags":[51,84,151,174,281,341,385,493,557,2761,587,630,770,795,932,997,1034,1110,1866,1126,1200,1259,1319,1672,1350,1356,1428,1456],"class_list":["post-42405","post","type-post","status-publish","format-standard","hentry","category-uncategorised","tag-above-the-fold","tag-animation-2","tag-blog","tag-button","tag-css","tag-display","tag-emoji","tag-gist","tag-hashtag","tag-header-php","tag-iframe","tag-ipad","tag-menu","tag-mobile","tag-php","tag-programming","tag-recursion","tag-search","tag-select","tag-settimeout","tag-stop-press","tag-text-widget","tag-tutorial","tag-twentyten-twentyten-theme","tag-user-experience","tag-ux","tag-widget","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/42405"}],"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=42405"}],"version-history":[{"count":4,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/42405\/revisions"}],"predecessor-version":[{"id":42409,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/42405\/revisions\/42409"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=42405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=42405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=42405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}