{"id":60122,"date":"2023-07-16T03:01:42","date_gmt":"2023-07-15T17:01:42","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=60122"},"modified":"2023-07-16T08:03:04","modified_gmt":"2023-07-15T22:03:04","slug":"cut-to-the-chase-of-blog-posting-mobile-events-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/cut-to-the-chase-of-blog-posting-mobile-events-tutorial\/","title":{"rendered":"Cut to the Chase of Blog Posting Mobile Events Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/slideshow.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Cut to the Chase of Blog Posting Mobile Events Tutorial\" src=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/cttc_mobile.jpg\" title=\"Action Item of Blog Posting Mobile Events Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Cut to the Chase of Blog Posting Mobile Events Tutorial<\/p><\/div>\n<p>On the way to you reading this blog posting there have been numerous intervention points for us, as overseeing programmers &#8230;<\/p>\n<ul>\n<li>PHP server layer before any client side intervention &#8230;<\/li>\n<li>PHP header.php interfaces from server side considerations into Javascript client side considerations ahead of document.body onload event &#8230;<\/li>\n<li>PHP header.php interfaces into Javascript (with its DOM) client side considerations at document.body onload event &#8230;<\/li>\n<li>PHP header.php interfaces into Javascript (with its DOM) client side considerations after document.body onload event<\/li>\n<\/ul>\n<p> &#8230; and it is in that last layer we dynamically create the &#8220;Cut to the Chase&#8221; elements you see reading this blog posting.  In this way, to change &#8220;after document.body onload event&#8221; client side aspects to &#8220;Cut to the Chase&#8221; is not hard, even to changing the type of event &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\nvar oncm=' oncontextmenu=';<br \/>\nvar oncmt=' or right click or two finger gesture ';<br \/>\nif (navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile\/i)) {<br \/>\n   oncm=' ontouchmove=';<br \/>\n   oncmt=' or drag over gesture ';<br \/>\n}<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p> &#8230; some &#8220;Cut to the Chase&#8221; element Javascript logic <font color=purple>points at<\/font>.<\/p>\n<p>And so, given yesterday&#8217;s &#8220;wet lettuce&#8221; mobile platform response to the &#8220;oncontextmenu&#8221; intervention yesterday, we&#8217;re changing yesterday&#8217;s &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\n         tworp.innerHTML = tworp.innerHTML.replace(\"&lt;li&gt;\", \"&lt;li title='Cut to The Chase ... ... double click <font color=purple>\" + oncmt + \"<\/font> for blog posting image involvement'<font color=purple>\" + oncm + \"<\/font>' findthing=\\\"\" + rptdtitle[ieight] + \"\\\"; setTimeout(rcrplater,1000); nothanks=false; ' ondblclick=' findthing=\\\"\" + rptdtitle[ieight] + \"\\\"; setTimeout(dblrplater,1000); nothanks=false; ' onclick=' findthing=\\\"\" + rptdtitle[ieight] + \"\\\"; setTimeout(rplater,1000); nothanks=false; ' class='\" + eight[ieight] + \"'&gt;\");<br \/>\n\/\/ ... and ...<br \/>\n      xpspana[ximb].innerHTML+=' &lt;div style=\"display:inline-block;border:3px solid rgba(255,165,0,0.4); background-color:rgba(255,255,0,0.3); \" id=cc' + zspare + '&gt;&lt;a target=_blank style=\"cursor:pointer;display:inline-block;text-decoration:none; font-size:12px;\" ondblclick=\"dblrplatern(' + String.fromCharCode(39) + xspare + String.fromCharCode(39) + ');\" <font color=purple>' + oncm + '<\/font>\"rcrplatern(' + String.fromCharCode(39) + xspare + String.fromCharCode(39) + ');\" href=\/\/www.rjmprogramming.com.au\/slideshow.html?title=' + encodeURIComponent(xspare) + '  \" title=\"Cut to the Chase ... double click <font color=purple>' + oncmt + '<\/font> for blog posting image involvement ... to (the gist of) ' + (xspare) + '\" id=tcc' + zspare + '&gt;&amp;#9986;&lt;\/a&gt;&lt;a target=_blank style=\"background: rgba(0,255,0,0.3); background: -webkit-linear-gradient(left top, rgba(0,255,0,0.3), rgba(255,255,0,0.3)); background: -o-linear-gradient(bottom right, rgba(0,255,0,0.3), rgba(255,255,0,0.3)); background: -moz-linear-gradient(bottom right, rgba(0,255,0,0.3), rgba(255,255,0,0.3)); background: linear-gradient(to bottom right, rgba(0,255,0,0.3), rgba(255,255,0,0.3)); cursor:pointer;display:inline-block;text-decoration:none;transform: scale(-1, 1); -o-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -webkit-transform:  scale(-1, 1); font-size:12px;\" ondblclick=\"dblrplatern(' + String.fromCharCode(39) + xspare + String.fromCharCode(39) + ');\" <font color=purple>' + oncm + '<\/font>\"rcrplatern(' + String.fromCharCode(39) + xspare + String.fromCharCode(39) + ');\" href=\/\/www.rjmprogramming.com.au\/slideshow.html?title=' + encodeURIComponent(xspare) + '  \" title=\"Cut to the Chase ... double click <font color=purple>' + oncmt + '<\/font> for blog posting image involvement ...<\/font> to (the gist of) ' + (xspare) + '\" id=ttcc' + zspare + '&gt;&amp;#127939;&amp;#127998;&amp;#8205;&amp;#9792;&amp;#65039;&amp;#127939;&amp;#127996;&amp;#8205;&amp;#9794;&amp;#65039;&lt;\/a&gt;&lt;iframe style=display:none; id=icc' + zspare + ' src=&gt;&lt;\/iframe&gt;&lt;\/div&gt;';<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p> &#8230; to improve on yesterday&#8217;s <a title='Cut to the Chase of Blog Posting New Arguments Tutorial' href='#ccbpnat'>Cut to the Chase of Blog Posting New Arguments Tutorial<\/a>&#8216;s offerings up at this WordPress blog&#8217;s TwentyTen theme&#8217;s header.php PHP code.<\/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\/cut-to-the-chase-of-blog-posting-mobile-events-tutorial\/'>Cut to the Chase of Blog Posting Mobile Events Tutorial<\/a>.<\/p-->\n<hr>\n<p id='ccbpnat'>Previous relevant <a target=_blank title='Cut to the Chase of Blog Posting New Arguments Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/cut-to-the-chase-of-blog-posting-new-arguments-tutorial\/'>Cut to the Chase of Blog Posting New Arguments Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/slideshow.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Cut to the Chase of Blog Posting New Arguments Tutorial\" src=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/cttc_more.jpg\" title=\"Action Item of Blog Posting New Arguments Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Cut to the Chase of Blog Posting New Arguments Tutorial<\/p><\/div>\n<p>Yes, yesterday&#8217;s <a title='Action Item of Blog Posting New Arguments Tutorial' href='#aibpnat'>Action Item of Blog Posting New Arguments Tutorial<\/a>&#8216;s work was all about extending what our <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/?s=Cut%20to%20the%20Chase\">&#8220;Cut to the Chase&#8221;<\/a> functionality is capable of, by adding to any existant  &#8230;<\/p>\n<ul>\n<li><i>onclick<\/i> event logic &#8230; with &#8230;<\/li>\n<li><i>ondblclick<\/i> event showing of the blog posting tutorial image as well as the action item in a new web browser tab<\/li>\n<li><i>oncontextmenu<\/i> event (ie. right click or two finger gesture) showing of the blog posting tutorial image as well as the action item in a new web browser window<\/li>\n<\/ul>\n<p> &#8230; and as well as yesterday&#8217;s slideshow.html preparatory work, we needed to change our <i>good ol&#8217;<\/i> WordPress TwentyTen themed header.php (in amongst its Javascript) as below to make this idea a reality &#8230;<\/p>\n<table>\n<tr>\n<th>New Javascript functions &#8230;<\/th>\n<\/tr>\n<tr>\n<td>\n&lt;?php echo &#8221;<br \/>\n<code><br \/>\n function dblrplatern(ft) {<br \/>\n    window.open(\"\/\/www.rjmprogramming.com.au\/slideshow.html?dc=y&title=\" + encodeURIComponent(ft), \"_blank\");<br \/>\n }<br \/>\n<br \/>\n function rcrplatern(ft) {<br \/>\n     window.open(\"\/\/www.rjmprogramming.com.au\/slideshow.html?rc=y&title=\" + encodeURIComponent(ft), \"_blank\");<br \/>\n  }<br \/>\n<br \/> <br \/>\n  function dblrplater() {<br \/>\n    if (findthing != \"\") {<br \/>\n     window.open(\"\/\/www.rjmprogramming.com.au\/slideshow.html?dc=y&title=\" + encodeURIComponent(findthing), \"_blank\");<br \/>\n     findthing=\"\";<br \/>\n    }<br \/>\n    nothanks=false;<br \/>\n  }<br \/>\n<br \/> <br \/>\n  function rcrplater() {<br \/>\n    if (findthing != \"\") {<br \/>\n     window.open(\"\/\/www.rjmprogramming.com.au\/slideshow.html?rc=y&title=\" + encodeURIComponent(findthing), \"_blank\");<br \/>\n     findthing=\"\";<br \/>\n    }<br \/>\n    nothanks=false;<br \/>\n  }<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;\n<\/td>\n<\/tr>\n<tr>\n<th> &#8230; and <font color=blue>changes to<\/font> any &#8220;Cut to the Chase&#8221; linking elements &#8230; for example &#8230;<\/th>\n<\/tr>\n<tr>\n<td>\n&lt;?php echo &#8221;<br \/>\n<code><br \/>\n         tworp.innerHTML = tworp.innerHTML.replace(\"&lt;li&gt;\", \"&lt;li title='Cut to The Chase<font color=blue> ... ... double click or right click or two finger gesture for blog posting image involvement<\/font>' <font color=blue>oncontextmenu=' findthing=\\\"\" + rptdtitle[ieight] + \"\\\"; setTimeout(rcrplater,1000); nothanks=false; ' ondblclick=' findthing=\\\"\" + rptdtitle[ieight] + \"\\\"; setTimeout(dblrplater,1000); nothanks=false; ' <\/font>onclick=' findthing=\\\"\" + rptdtitle[ieight] + \"\\\"; setTimeout(rplater,1000); nothanks=false; ' class='\" + eight[ieight] + \"'&gt;\");<br \/>\n\/\/ ... and ...<br \/>\n      xpspana[ximb].innerHTML+=' &lt;div style=\"display:inline-block;border:3px solid rgba(255,165,0,0.4); background-color:rgba(255,255,0,0.3); \" id=cc' + zspare + '&gt;&lt;a target=_blank style=\"cursor:pointer;display:inline-block;text-decoration:none; font-size:12px;\" <font color=blue>ondblclick=\"dblrplatern(' + String.fromCharCode(39) + xspare + String.fromCharCode(39) + ');\" oncontextmenu=\"rcrplatern(' + String.fromCharCode(39) + xspare + String.fromCharCode(39) + ');\" <\/font>href=\/\/www.rjmprogramming.com.au\/slideshow.html?title=' + encodeURIComponent(xspare) + '  \" title=\"Cut to the Chase<font color=blue> ... double click or right click or two finger gesture for blog posting image involvement ... <\/font>to (the gist of) ' + (xspare) + '\" id=tcc' + zspare + '&gt;&amp;#9986;&lt;\/a&gt;&lt;a target=_blank style=\"background: rgba(0,255,0,0.3); background: -webkit-linear-gradient(left top, rgba(0,255,0,0.3), rgba(255,255,0,0.3)); background: -o-linear-gradient(bottom right, rgba(0,255,0,0.3), rgba(255,255,0,0.3)); background: -moz-linear-gradient(bottom right, rgba(0,255,0,0.3), rgba(255,255,0,0.3)); background: linear-gradient(to bottom right, rgba(0,255,0,0.3), rgba(255,255,0,0.3)); cursor:pointer;display:inline-block;text-decoration:none;transform: scale(-1, 1); -o-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -webkit-transform:  scale(-1, 1); font-size:12px;\" <font color=blue>ondblclick=\"dblrplatern(' + String.fromCharCode(39) + xspare + String.fromCharCode(39) + ');\" oncontextmenu=\"rcrplatern(' + String.fromCharCode(39) + xspare + String.fromCharCode(39) + ');\" <\/font>href=\/\/www.rjmprogramming.com.au\/slideshow.html?title=' + encodeURIComponent(xspare) + '  \" title=\"Cut to the Chase<font color=blue> ... double click or right click or two finger gesture for blog posting image involvement ...<\/font> to (the gist of) ' + (xspare) + '\" id=ttcc' + zspare + '&gt;&amp;#127939;&amp;#127998;&amp;#8205;&amp;#9792;&amp;#65039;&amp;#127939;&amp;#127996;&amp;#8205;&amp;#9794;&amp;#65039;&lt;\/a&gt;&lt;iframe style=display:none; id=icc' + zspare + ' src=&gt;&lt;\/iframe&gt;&lt;\/div&gt;';<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<br \/>\n<\/table>\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\/cut-to-the-chase-of-blog-posting-new-arguments-tutorial\/'>Cut to the Chase of Blog Posting New Arguments Tutorial<\/a>.<\/p-->\n<hr>\n<p id='aibpnat'>Previous relevant <a target=_blank title='Action Item of Blog Posting New Arguments Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/action-item-of-blog-posting-new-arguments-tutorial\/'>Action Item of Blog Posting New Arguments Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/slideshow.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Action Item of Blog Posting New Arguments Tutorial\" src=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/cut_to_the_chase_tutorial_picture.jpg\" title=\"Action Item of Blog Posting New Arguments Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Action Item of Blog Posting New Arguments Tutorial<\/p><\/div>\n<p>Around here, with our WordPress blog postings, we indulge the concepts of &#8230;<\/p>\n<ul>\n<li>the blog posting title<\/li>\n<li>the blog posting text content<\/li>\n<li>the blog posting tutorial image<\/li>\n<li>the blog posting action item<\/li>\n<\/ul>\n<p> &#8230; that last one sometimes being the same as the penultimate &#8220;tutorial image&#8221; concept, but more usually some web application URL or URL to some other place of interest.<\/p>\n<p>And we have an HTML and Javascript web application that treats that &#8220;action item&#8221; as the centre of attention, rather than the usual &#8220;blog posting&#8221; focus.  It is called slideshow.html and we have changed it today for some purposes we&#8217;ll go further into with tomorrow&#8217;s blog posting.  We&#8217;ve added Javascript logic to accept URL ? (GET) arguments &#8230;<\/p>\n<ul>\n<li>?dc=<\/li>\n<li>?rc=<\/li>\n<\/ul>\n<p> &#8230; in readiness to add functionality improvements around here.<\/p>\n<p>Perhaps you can see ahead to tomorrow examining <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/slideshow.html-------GETME\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/slideshow.html-------GETME\">slideshow.html<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/slideshow.html\">&#8220;action item&#8221; as the centre of attention web application<\/a>?<\/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='#d60111' onclick='var dv=document.getElementById(\"d60111\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/action\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d60111' 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='#d60116' onclick='var dv=document.getElementById(\"d60116\"); 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='d60116' 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='#d60122' onclick='var dv=document.getElementById(\"d60122\"); 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='d60122' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>On the way to you reading this blog posting there have been numerous intervention points for us, as overseeing programmers &#8230; PHP server layer before any client side intervention &#8230; PHP header.php interfaces from server side considerations into Javascript client &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/cut-to-the-chase-of-blog-posting-mobile-events-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,20,37],"tags":[3028,4395,1885,151,4396,2957,257,4397,1549,2761,576,590,626,630,631,652,1807,795,2723,932,970,972,3895,997,2167,1319,1324,1325,1345,1456],"class_list":["post-60122","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-ios","category-tutorials","tag-action","tag-action-item","tag-argument","tag-blog","tag-blog-posting-title","tag-concept","tag-content","tag-cut-to-the-chase","tag-element","tag-header-php","tag-html","tag-image","tag-ios","tag-ipad","tag-iphone","tag-javascript","tag-link","tag-mobile","tag-ontouchmove","tag-php","tag-post","tag-posting","tag-posting-title","tag-programming","tag-title","tag-tutorial","tag-twentyten","tag-twentyten-theme","tag-url","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/60122"}],"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=60122"}],"version-history":[{"count":5,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/60122\/revisions"}],"predecessor-version":[{"id":60127,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/60122\/revisions\/60127"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=60122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=60122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=60122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}