{"id":55762,"date":"2022-05-15T03:01:59","date_gmt":"2022-05-14T17:01:59","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=55762"},"modified":"2022-06-07T14:38:15","modified_gmt":"2022-06-07T04:38:15","slug":"landing-page-random-blog-post-topic-link-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/landing-page-random-blog-post-topic-link-tutorial\/","title":{"rendered":"Landing Page Random Blog Post Topic Link Tutorial"},"content":{"rendered":"
\"Landing<\/a>

Landing Page Random Blog Post Topic Link Tutorial<\/p><\/div>\n

Yesterday’s Landing Page Random Blog Post Link Primer Tutorial<\/a>‘s …<\/p>\n

\n

Why? Well, some readers, no doubt, can feel lost at times, and want a “random” way to “kickstart” their interest in these programming and Information Technology tutorials presented at the WordPress Blog you are reading.<\/p>\n<\/blockquote>\n

… strikes a chord, but there’s also the feeling for some exemplified by<\/font> …<\/p>\n

\nDo not know where to start finding out about Javascript<\/font>?\n<\/p><\/blockquote>\n

And catering for this “topic filtering” can be that “bringing back into focus” a “vague starting point” in a user’s studies, here, we think.<\/p>\n

To make this thinking a possibility within the RJM Programming domain’s (index.htm<\/a>) Landing Page (and other index and Welcome incarnation webpages) logic, we change from …<\/p>\n


\n<option id='MyNew-20110314' onclick='windowopen(\"\/\/www.rjmprogramming.com.au\/wordpress\/?p=58&pp=&pn=&title=News_from_RJM_Programming\",\"_blank\"); ' value='\/\/www.rjmprogramming.com.au\/wordpress\/?p=58&pp=&pn=&title=News_from_RJM_Programming'>News from RJM Programming (20110314)<\/option><\/select><\/span><span style=\"cursor:pointer;font-size:18px;\" title=\"Open a random date WordPress Blog post\" onclick=\"window.open('\/\/www.rjmprogramming.com.au\/ITblog\/500\/500?random=' + Math.floor(Math.random() * 19875643) + '&andclickme=y','_blank','top=20,left=100,width=900,height=800');\"> &#128197;<sup style=\"cursor:pointer;font-size:8px;\">&#10067;<\/sup><\/span><\/p>
\n<\/code><\/p>\n

… to<\/font> …<\/p>\n


\n<option id='MyNew-20110314' onclick='windowopen(\"\/\/www.rjmprogramming.com.au\/wordpress\/?p=58&pp=&pn=&title=News_from_RJM_Programming\",\"_blank\"); ' value='\/\/www.rjmprogramming.com.au\/wordpress\/?p=58&pp=&pn=&title=News_from_RJM_Programming'>News from RJM Programming (20110314)<\/option><\/select><\/span><span style=\"cursor:pointer;font-size:18px;\" title=\"Open a random date WordPress Blog post\" onclick=\"window.open('\/\/www.rjmprogramming.com.au\/ITblog\/500\/500?random=' + Math.floor(Math.random() * 19875643) + '&andclickme=y','_blank','top=20,left=100,width=900,height=800');\"> &#128197;<\/span><\/font><sup onclick=\"var thuh=prompt('Optionally enter a topic of interest you find in the relevant blog posting title, else for no RJM Programming blog navigations click\/tap Cancel.',' '); if (thuh != null) { if (thuh.trim() == '') { window.open('\/\/www.rjmprogramming.com.au\/ITblog\/500\/500?random=' + Math.floor(Math.random() * 19875643) + '&andclickme=y','_blank','top=20,left=100,width=900,height=800'); } else { window.open('\/\/www.rjmprogramming.com.au\/ITblog\/500\/500?random=' + Math.floor(Math.random() * 19875643) + '&andclickme=y&mustcontain=' + encodeURIComponent(thuh),'_blank','top=20,left=100,width=900,height=800'); } }\"<\/font> style=\"cursor:pointer;font-size:8px;\" title=\"Open a random date WordPress Blog post filtered by your entered topic\"<\/font>>&#10067;<\/sup><\/p>
\n<\/code><\/p>\n

… investing in a separated role for that question mark superimposition part (of  📅<\/span>❓<\/sup> is &#10067;<\/sup>) emoji (button click logic) within these webpages.<\/p>\n

Did you know?<\/i><\/b><\/p>\n

Another place where this interest might take place within the RJM Programming domain is when users navigate to the home page of the RJM Programming WordPress I.T. Blog<\/a> where is presented our “Sticky”<\/a> (WordPress blog) posting called “Walking Trip …”<\/a> onto which we added a similar calendar emoji (📅 as &#128197;) random blog post navigation logic<\/i> but this time accompanied to the right by an input type=text textbox HTML element<\/font> as per …<\/p>\n


\n<p><span id=wospan style=\"cursor:pointer;font-size:18px;\" title=\"Open a random date WordPress Blog post\" onclick=\"window.open('\/\/www.rjmprogramming.com.au\/ITblog\/500\/500?random=' + Math.floor(Math.random() * 19875643) + '&andclickme=y' + document.getElementById('mysup').title.replace('Long hover toggles',''),'_blank','top=20,left=100,width=900,height=800');\">&nbsp;&#128197;<\/span>&nbsp;&nbsp;<input type=text id=mysup title=\"\" placeholder=\"Optional must contain string\" style=\"width:150px;display:inline-block;cursor:pointer;font-size:8px;\" data-onclick=\"var mustc=prompt('Optionally enter a string that is contained in the blog posting title.',''); if (mustc == null) { mustc=''; } else { mustc='&mustcontain=' + encodeURIComponent(mustc); this.title=mustc; window.open('\/\/www.rjmprogramming.com.au\/ITblog\/500\/500?random=' + Math.floor(Math.random() * 19875643) + '&andclickme=y' + mustc,'_blank','top=20,left=100,width=900,height=800');\" data-huh=\"&#10067;\" value=\"\" onblur=\"if (this.value.trim().length > 0) { this.title='&mustcontain=' + encodeURIComponent(this.value); document.getElementById('wospan').click(); } else { this.title=''; } \"><\/input><\/font><\/p>
\n<\/code><\/p>\n

… to facilitate random blog post within a topic filtering<\/i> scenario.<\/p>\n

\n

\n

Previous relevant Landing Page Random Blog Post Link Primer Tutorial<\/a> is shown below.<\/p>\n

\"Landing<\/a>

Landing Page Random Blog Post Link Primer Tutorial<\/p><\/div>\n

Yesterday’s Image Pair Fitting into a Given Dimension Sources Tutorial<\/a>‘s 404.php “Not Found” (catering for HTTP error 404)<\/font> PHP code logic in our WordPress Blog TwentyTen theme amendments …<\/p>\n

\n
    \n
  1. a URL such as https:\/\/www.rjmprogramming.com.au\/ITblog\/537\/500<\/a> will pick a random RJM Programming Blog tutorial picture and show …
    \n
    \n[image data URI of tutorial picture]#[blog posting title]
    \n<\/code>
    \n … along with the happy discovery along the way that the “#[blog posting title]” can be tagged onto a base64 data URI and still successfully display the image\n<\/li>\n
  2. whereas a URL such as https:\/\/www.rjmprogramming.com.au\/ITblog\/537\/500\/<\/a> will pick a random RJM Programming Blog tutorial picture and show it<\/li>\n<\/ol>\n<\/blockquote>\n

    … has implications beyond the “Image Pair Fitting via object-fit” use of it, especially if we add to URL type 1 above a ?andclickme=y<\/i> or &andclickme=y<\/i> extension to the URL, causing the first window webpage automatically open the WordPress Blog linking window webpage. We can use it to randomly select a blog posting, and present it.<\/p>\n

    Why? Well, some readers, no doubt, can feel lost at times, and want a “random” way to “kickstart” their interest in these programming and Information Technology tutorials presented at the WordPress Blog you are reading.<\/p>\n

    Where? The logical place to present our “calendar (and question mark superimposition)<\/font> emoji button(s)” is where we “land” at RJM Programming, that being the RJM Programming domain’s (index.htm) Landing Page (and other index and Welcome incarnation webpages) next to the WordPress Blog dropdown way also presented there …<\/p>\n


    \n<span style=\"cursor:pointer;font-size:18px;\" title=\"Open a random date WordPress Blog post\" onclick=\"window.open('\/\/www.rjmprogramming.com.au\/ITblog\/500\/500?random=' + Math.floor(Math.random() * 19875643) + '&andclickme=y','_blank','top=20,left=100,width=900,height=800');\">&nbsp;&#128197;<sup style=\"cursor:pointer;font-size:8px;\">&#10067;<\/sup><\/span>
    \n<\/code><\/p>\n

    … looks like …<\/p>\n

     📅❓<\/sup><\/span><\/p>\n

    \n

    \n

    Previous relevant Image Pair Fitting into a Given Dimension Sources Tutorial<\/a> is shown below.<\/p>\n

    \"Image<\/a>

    Image Pair Fitting into a Given Dimension Sources Tutorial<\/p><\/div>\n

    Thinking “layers of functionality” here, we think that progress onto yesterday’s Image Pair Fitting into a Given Dimension Primer Tutorial<\/a> would go …<\/p>\n