{"id":28777,"date":"2017-03-11T03:01:27","date_gmt":"2017-03-10T17:01:27","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=28777"},"modified":"2022-04-11T17:53:00","modified_gmt":"2022-04-11T07:53:00","slug":"wordpress-code-download-table-interface-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-code-download-table-interface-primer-tutorial\/","title":{"rendered":"WordPress Code Download Table Interface Primer Tutorial"},"content":{"rendered":"
\"WordPress<\/a>

WordPress Code Download Table Interface Primer Tutorial<\/p><\/div>\n

We’ve got three basic concepts floating around the way we present software and share it around, at this blog, those being …<\/p>\n

    \n
  1. the idea of a live run link pointing at an executable piece of software, at least as far as our web server is concerned<\/li>\n
  2. a link to downloadable source code of the version of software code pertinent to the version of interest to the current blog posting<\/li>\n
  3. a differences link that compares the software code above to a version more “junior” (or older … huh?) to it<\/li>\n<\/ol>\n

    We want to add an Emoji driven “drilling down” functionality to this for those users who want more information, or more context, or both.<\/p>\n

    So we’ve added these Emojis below, respectively, for those purposes …<\/p>\n

      \n
    1. ✂<\/span><\/li>\n
    2. ⚫<\/span><\/li>\n
    3. ⚪<\/span><\/li>\n<\/ol>\n

      And where (on the blog posting web page) do we add it? At the first occurrence in the relevant link’s innerHTML<\/i> (ie. the writing you see for the link) of “.” and\/or ” “.<\/p>\n

      We’d already written something quite close to being apt (please read WordPress Is Mentioned By Posting Thread Tutorial<\/a> for more here), and so we’ve based Javascript code on its PHP workings, working that code into a previously written Javascript apt function of code (function changeasfordownload()<\/i>), from WordPress Blog Download Mode Toggler Primer Tutorial<\/a>.<\/p>\n

      And so we have<\/b> (where var cafd=false;<\/b><\/i> starts scripting and body onload code snippet starts <body onload=” changeasfordownload(); cafd=true; <\/b> …<\/i> …<\/p>\n


      \nfunction changeasfordownload() {
      \n var outs,extis,postprexp,prexp,xp,aorig, <\/b>idmjk=0, newaspare='', big='----------------------GETME', stuffs;
      \n var admjk = document.getElementsByTagName('a');
      \n for (idmjk=0; idmjk<admjk.length; idmjk++) {
      \n if (admjk[idmjk].href.indexOf('GETME') != -1 && admjk[idmjk].href.indexOf('diff.php') == -1) {
      \n if (!cafd) {
      \n xp=admjk[idmjk].href.split(\"GETME\");
      \n prexp=xp[0].split(\"\/\");
      \n postprexp=prexp[-1 + prexp.length].split(\".\");
      \n extis = postprexp[-1 + postprexp.length].replace(\/_\/g,\"\").replace(\/-\/g,\"\").replace(\/GETME\/g,\"\");
      \n outs=\"http:\/\/www.rjmprogramming.com.au\/getmelist.htm?topoff=150&tsp=\" + (Math.floor(Math.random() * 1999900) + 100) + \"#\" + postprexp[0] + \".\" + postprexp[-1 + postprexp.length].replace(extis,\"\").replace(extis,\"\").replace(extis,\"\") + \"GETME\" + extis;
      \n aorig=admjk[idmjk].innerHTML;
      \n admjk[idmjk].innerHTML=admjk[idmjk].innerHTML.replace(\".\",\"<span title=\\\" + Code Download Table\\\" onclick=\\\"window.open('\" + outs + \"','_blank','top=100,left=100,width=500,height=500');\\\">&#9899;<\/span>\");
      \n if (aorig == admjk[idmjk].innerHTML && admjk[idmjk].innerHTML.indexOf('er posts') == -1) { admjk[idmjk].innerHTML=admjk[idmjk].innerHTML.replace(\" \",\"<span title=\\\" + Code Download Table\\\" onclick=\\\"window.open('\" + outs + \"','_blank','top=100,left=100,width=500,height=500');\\\">&#9898;<\/span>\");
      \n } else {<\/b>
      \n newaspare = admjk[idmjk].href.replace('_-GETME', '').replace('__GETME', '').replace('_GETME', '').replace(big, '');
      \n while (big.indexOf('-') != -1) {
      \n big = big.replace('-', '');
      \n newaspare = newaspare.replace(big, '');
      \n }
      \n big = '----------------------GETME';
      \n stuffs = newaspare.split('\/');
      \n admjk[idmjk].download = stuffs[stuffs.length - 1];
      \n admjk[idmjk].title = \"(Really download) \" + admjk[idmjk].title + ' ... welcome to the long hover functionality that shows allows for a Download Mode for the blog that can be toggled';
      \n admjk[idmjk].onmouseover = \" getDownloadMode(); \";
      \n admjk[idmjk].onmouseout = \" yehBut(); \";
      \n admjk[idmjk].ontouchstart = \" getDownloadMode(); \";
      \n admjk[idmjk].ontouchend = \" yehBut(); \";
      \n }
      \n } else if (admjk[idmjk].href.indexOf('GETME') != -1 && !cafd) {
      \n xp=admjk[idmjk].href.split(\"GETME\");
      \n prexp=xp[0].split(\"\/\");
      \n postprexp=prexp[-1 + prexp.length].split(\".\");
      \n extis = postprexp[-1 + postprexp.length].replace(\/_\/g,\"\").replace(\/-\/g,\"\").replace(\/GETME\/g,\"\");
      \n outs=\"http:\/\/www.rjmprogramming.com.au\/getmelist.htm?topoff=150&tsp=\" + (Math.floor(Math.random() * 1999900) + 100) + \"#\" + postprexp[0] + \".\" + postprexp[-1 + postprexp.length].replace(extis,\"\").replace(extis,\"\").replace(extis,\"\") + \"GETME\" + extis;
      \n aorig=admjk[idmjk].innerHTML;
      \n admjk[idmjk].innerHTML=admjk[idmjk].innerHTML.replace(\".\",\"<span title=\\\" + Code Download Table\\\" onclick=\\\"window.open('\" + outs + \"','_blank','top=100,left=100,width=500,height=500');\\\">&#9899;<\/span>\");
      \n if (aorig == admjk[idmjk].innerHTML && admjk[idmjk].innerHTML.indexOf('er posts') == -1) admjk[idmjk].innerHTML=admjk[idmjk].innerHTML.replace(\" \",\"<span title=\\\" + Code Download Table\\\" onclick=\\\"window.open('\" + outs + \"','_blank','top=100,left=100,width=500,height=500');\\\">&#9898;<\/span>\");
      \n } else if (admjk[idmjk].innerHTML.indexOf('live run') != -1 && !cafd) {
      \n outs=\"http:\/\/www.rjmprogramming.com.au\/slideshow.html#tuts\";
      \n admjk[idmjk].innerHTML=admjk[idmjk].innerHTML.replace(\" \",\"<span title=\\\" + Cut to the Chase ... see the blog post list related to live runs and slideshows ... ie. the main point of the blog posting\\\" onclick=\\\"window.open('\" + outs + \"','_blank','top=100,left=100,width=650,height=100');\\\">&#9986;<\/span>\");
      \n <\/b>}
      \n }
      \n}
      \n<\/code><\/p>\n

      … for today’s good ol’ header.php<\/i> changes to our WordPress blog PHP coding.<\/p>\n

      Respectively, you are taken to Javascript window.open<\/i> popups to …<\/p>\n

        \n
      1. http:\/\/www.rjmprogramming.com.au\/slideshow.html#tuts<\/a> … ie. Cut to the Chase<\/i><\/li>\n
      2. http:\/\/www.rjmprogramming.com.au\/getmelist.htm?topoff=150&tsp=342421#imb_poc._GETMEhtml<\/a> (example of Code Download Table positioning to imb_poc.html_GETME)<\/li>\n
      3. http:\/\/www.rjmprogramming.com.au\/getmelist.htm?topoff=150&tsp=342421#imb_poc._GETMEhtml<\/a> (example of Code Download Table positioning to imb_poc.html_GETME)<\/li>\n<\/ol>\n

        … but we feel some more changes coming on about this soon. Must be “A sly wind from the North”<\/a> blowing?!<\/p>\n

        If this was interesting you may be interested in this<\/a> too.<\/p>\n