{"id":31970,"date":"2017-08-06T03:01:36","date_gmt":"2017-08-05T17:01:36","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=31970"},"modified":"2017-08-05T14:58:54","modified_gmt":"2017-08-05T04:58:54","slug":"landing-page-cut-to-the-chase-interactivity-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/landing-page-cut-to-the-chase-interactivity-tutorial\/","title":{"rendered":"Landing Page Cut to the Chase Interactivity Tutorial"},"content":{"rendered":"
\"Landing<\/a>

Landing Page Cut to the Chase Interactivity Tutorial<\/p><\/div>\n

We want to refine our “Cut to the Chase” functionality here at RJM Programming, working from the “building blocks” out to the end aim of our endeavours, to show you tomorrow. We, here, like to integrate, and if possible, have the “supervisory” web application get the “smarts” emanating from the change, yet, perhaps, allowing for the “building block” to be given an obvious user interactive way in as well, though, if truth be told, we more often just want this for the supervisory web application (if existant, that is).<\/p>\n

Currently, our “Cut to the Chase” has the thinking we talked about in the previous Landing Page Cut to the Chase Primer Tutorial<\/a> …<\/p>\n

\n

A lot of people learning programming are trying to get information quickly, and “move on”, shall we say. While this is all well and good, it might be a “fob job” to think that many of us will really learn something well enough for the challenging bits adopting this approach, but there’s no doubt there are pressures these days to learn more and more, and perhaps come back to things in detail at a later, quieter, date. Anyway, “to cut to the chase” … chortle, chortle … this is what today’s blog post is about!<\/p>\n

Let me explain it this way. Our tutorial blog postings here at RJM Programming always involve a bit of, but not too much, we hope …<\/p>\n

    \n
  1. the background to an issue … that is always preceded by …<\/li>\n
  2. an image or slideshow or web application or game etcetera that is “the cut to the chase” part of the blog posting clickable off an image up the top of it (for all but the earliest postings we ever did) … and for those who get it through a feed (that can summarize the blog posting with words only, perhaps) …<\/li>\n
  3. if we can remember we also always have a link within the blurb of 1 that links to “the cut to the chase” that is 2<\/li>\n<\/ol>\n<\/blockquote>\n

    … integrated, only, into our Landing Page<\/a> as an entirely separate modus operandi<\/i> should we say. That “Cut to the Chase” can be called on by a link in that Landing Page, and you further “drill down” via an HTML select “dropdown” element choice to hone in on a tutorial of interest. But what if you know something about the title, for example, of a tutorial of interest, ahead of time, and want to drill straight into that applicability of that tutorial’s content, directly? To make this “dream” come true, we’re breaking this mini project<\/i> into two …<\/p>\n

      \n
    1. fix the “building block” today<\/li>\n
    2. fix the “supervisory integration” tomorrow<\/li>\n<\/ol>\n

      So what’s the “building block” of this? It involves the amendment of the Cut to the Chase<\/a> slideshow.html<\/a> HTML and Javascript DOM to add one “overlayed” HTML a<\/i> link (the ol’ no “href” type, we’re getting fonder and fonder of) … “Find?” … that when clicked\/touched asks of the user (via good ol’ Javascript prompt<\/a> window) if they have words they can enter to try to find the Blog Tutorial of interest, most likely via a string that uniquely identifies its title, then send it off, to, if successful, slap on top of the current “Cut to the Chase” webpage, rather, the relevant apt “Cut to the Chase Tutorial Slideshow\/Image\/Web Application\/Video” … whatevvvvvvvvverrrrr.<\/p>\n

      You can see step 1 (of 2) changes for our “dream”, happening this way<\/a>.<\/p>\n

      You can also see this play out at WordPress 4.1.1’s Landing Page Cut to the Chase Interactivity Tutorial<\/a>.<\/p>\n

      \n

      Previous relevant Landing Page Cut to the Chase Primer Tutorial<\/a> is shown below.<\/p>\n

      \"Landing<\/a>

      Landing Page Cut to the Chase Primer Tutorial<\/p><\/div>\n

      A lot of people learning programming are trying to get information quickly, and “move on”, shall we say. While this is all well and good, it might be a “fob job” to think that many of us will really learn something well enough for the challenging bits adopting this approach, but there’s no doubt there are pressures these days to learn more and more, and perhaps come back to things in detail at a later, quieter, date. Anyway, “to cut to the chase” … chortle, chortle … this is what today’s blog post is about!<\/p>\n

      Let me explain it this way. Our tutorial blog postings here at RJM Programming always involve a bit of, but not too much, we hope …<\/p>\n

        \n
      1. the background to an issue … that is always preceded by …<\/li>\n
      2. an image or slideshow or web application or game etcetera that is “the cut to the chase” part of the blog posting clickable off an image up the top of it (for all but the earliest postings we ever did) … and for those who get it through a feed (that can summarize the blog posting with words only, perhaps) …<\/li>\n
      3. if we can remember we also always have a link within the blurb of 1 that links to “the cut to the chase” that is 2<\/li>\n<\/ol>\n

        … and so what you end up with, if you want to objectify it into a “tutorial-posting” object<\/i><\/a> perhaps, is two data members, of relevance, that are URLs, that being …<\/p>\n

          \n
        1. the URL to the WordPress blog posting tutorial … and …<\/li>\n
        2. the URL to “the cut to the chase” intention of the WordPress blog posting tutorial<\/li>\n<\/ol>\n

          … and what we’re proposing today, is that a lot of users can easily forgo the “blurb” and “cut to the chase”, perhaps going back to the blurb for a further read should they want to delve further after a “cut to the chase” session.<\/p>\n

          We wanted a way to present this idea on our RJM Programming landing page<\/a>. There must be a way to add another HTML select<\/a> “dropdown” element to facilitate this? Well, yes, that could be done, but we thought it would be better to dedicate another RJM Programming Landing Page “clone” webpage that has a “cut to the chase” HTML select “dropdown” element substituted for its “listed and clickable” existing HTML select “dropdown” element, and then set it up that either web page can get you to the other “clone” web page, and to the user all they “feel” is the toggling of the “dropdown” data content.<\/p>\n

          So we just used the term “data content”, and that means you need to delve into where the “data” is from. With a WordPress blog, the “data” is from a MySql database, and to do anything about any changes here will revolve around involving a server side language like PHP … no way around that. So what we do is …<\/p>\n