{"id":18300,"date":"2015-11-17T05:01:29","date_gmt":"2015-11-16T19:01:29","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=18300"},"modified":"2016-01-22T21:33:11","modified_gmt":"2016-01-22T11:33:12","slug":"htmljavascript-choice-of-two-more-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-choice-of-two-more-tutorial\/","title":{"rendered":"HTML\/Javascript Choice of Two More Tutorial"},"content":{"rendered":"
\"HTML\/Javascript<\/a>

HTML\/Javascript Choice of Two More Tutorial<\/p><\/div>\n

To get a bigger picture view of our “Choice of Two” series of blog posts we last left off with HTML\/Javascript Choice of Two Flipping Tutorial<\/a> as shown below, a couple of days back, we add in another four more standard approaches to allow for a choice of two scenario with a webpage, so that, as of today, we have the choices …<\/p>\n

    \n
  1. strike reject mode<\/li>\n
  2. horizontal flip rotation mode … to which we add, today, the more conventional …<\/li>\n
  3. checkbox<\/li>\n
  4. radio button<\/li>\n
  5. button<\/li>\n
  6. dropdown (select tag)<\/li>\n<\/ol>\n

    Today’s code includes the use of the Javascript call …<\/p>\n


    \naft =     window.getComputedStyle<\/a>(document.querySelector('#' + ct + eval(1 + ij)), ':after').getPropertyValue('content');
    \n<\/code><\/p>\n

    … which illustrates an interesting method facilitating the meeting of the CSS :after (or :before) syntax (we’ve talked about before at this blog with CSS Before and After Content Primer Tutorial<\/a>) with Javascript DOM “worlds”, and, therefore, well worth some investigation, as this very useful link<\/a> helps with.<\/p>\n

    The first link in this HTML\/Javascript\/CSS web application (the programming source code) we have called button_choice_of_two.html<\/a> (with a live run<\/a>) developed from the scenario two days back in this way<\/a>.<\/p>\n

    For ESL students here to learn a new idea, or others curious to try out some real world genericity, we’ll show a different tutorial using the same software (and thanks to “How English Works” by Michael Swan and Catherine Walter … again), via …<\/p>\n