{"id":20241,"date":"2016-02-19T03:01:57","date_gmt":"2016-02-18T17:01:57","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=20241"},"modified":"2016-02-19T11:47:25","modified_gmt":"2016-02-19T01:47:25","slug":"html-themed-supervision-first-genericization-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-themed-supervision-first-genericization-tutorial\/","title":{"rendered":"HTML Themed Supervision First Genericization Tutorial"},"content":{"rendered":"
\"HTML<\/a>

HTML Themed Supervision First Genericization Tutorial<\/p><\/div>\n

Some days ago we left off with HTML\/Javascript Themed Supervision Primer Tutorial<\/a> having a pretty hardcoded feel to it, as a web application gathering together other web applications under the concept of “ESL Ideas”.<\/p>\n

We saw this application then, as now, as being a great candidate to take you through some genericization ideas.<\/p>\n

Today’s genericization ideas stay within the realm of client side web application functionality, only … the reason the blog title mentions “First”. We go over some similar concepts as to when we presented PHP\/HTML with External Javascript Slotting In Tutorial<\/a> where both …<\/p>\n

    \n
  1. document.head.innerHTML HTML script tag GET properties and\/or overworked by<\/li>\n
  2. document.URL GET properties<\/li>\n<\/ol>\n

    So we allow the web application “theme” and the three HTML button aspects described by, again …<\/p>\n

      \n
    1. a label (that is displayed and is that HTML button element’s innerHTML<\/a> property)<\/li>\n
    2. a title containing a URL to reach the “tutorial web application” as above<\/li>\n
    3. an onclick event, the function called passing across a this<\/i> variable<\/font> pointing at the HTML button element and a URL to reach the “tutorial (itself)” as above<\/li>\n<\/ol>\n

      … can now be dynamically controlled by the user in the last of those two ways described (way) above, and by the writer of the software with the document.head.innerHTML<\/i> approach.<\/p>\n

      And there is more to come involving possible interactivity and serverside functionality. Hope you get some good ideas from this thread of postings.<\/p>\n

      In the meantime, again, have a look at our HTML and Javascript and CSS programming source code you could call middle_interest.html<\/a> (changed from before as per this link<\/a>) supervising the new external Javascript you could call middle_interest.js<\/a> and\/or try a …<\/p>\n