{"id":60116,"date":"2023-07-15T03:01:06","date_gmt":"2023-07-14T17:01:06","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=60116"},"modified":"2023-07-14T11:26:15","modified_gmt":"2023-07-14T01:26:15","slug":"cut-to-the-chase-of-blog-posting-new-arguments-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/cut-to-the-chase-of-blog-posting-new-arguments-tutorial\/","title":{"rendered":"Cut to the Chase of Blog Posting New Arguments 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 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","protected":false},"excerpt":{"rendered":"<p>Yes, yesterday&#8217;s Action Item of Blog Posting New Arguments Tutorial&#8216;s work was all about extending what our &#8220;Cut to the Chase&#8221; functionality is capable of, by adding to any existant &#8230; onclick event logic &#8230; with &#8230; ondblclick event showing &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/cut-to-the-chase-of-blog-posting-new-arguments-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":[2,12,14,37],"tags":[3028,4395,1885,151,4396,2957,257,4397,1549,2761,576,590,652,1807,932,970,972,3895,997,2167,1319,1324,1325,1345,1456],"class_list":["post-60116","post","type-post","status-publish","format-standard","hentry","category-ajax","category-elearning","category-event-driven-programming","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-javascript","tag-link","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\/60116"}],"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=60116"}],"version-history":[{"count":5,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/60116\/revisions"}],"predecessor-version":[{"id":60121,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/60116\/revisions\/60121"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=60116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=60116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=60116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}