{"id":15572,"date":"2015-06-24T05:01:42","date_gmt":"2015-06-23T19:01:42","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=15572"},"modified":"2017-10-04T11:56:40","modified_gmt":"2017-10-04T01:56:40","slug":"australian-indigenous-language-image-map-checkbox-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/australian-indigenous-language-image-map-checkbox-tutorial\/","title":{"rendered":"Australian Indigenous Language Image Map Checkbox Tutorial"},"content":{"rendered":"
\"Australian<\/a>

Australian Indigenous Language Image Map Checkbox Tutorial<\/p><\/div>\n

Like yesterday, today we mix geography and history in an image map<\/a> web application exploring Indigenous Australian Language, History and Culture, “the oldest surviving culture in the world”<\/a>. Today’s tutorial, extending on yesterday’s Australian Indigenous Language Image Map Dropdown Tutorial<\/a> continues the Javascript DOM methodology, and shows the use of checkboxes.<\/p>\n

The HTML input tag’s checkbox<\/a> type is a “binary” decision maker, boiling down to a yes\/no (or true\/false) decision on something. A related HTML input tag type is called the radio button, which allows two or more choices, only one of which can be yes (or true). Checkboxes are more independent than radio buttons<\/a>, and perhaps more generically useful in that respect. However, if stringency and transparency of purpose is what you are after, a radio button leaves no doubt as to interpretation for the user, usually, because the element can only highlight at most one option.<\/p>\n

Our checkboxes today are for …<\/p>\n

    \n
  1. Images (will result in Google Image Search)<\/li>\n
  2. Videos (will result in Google Video Search (if no Image Searching is happening))<\/li>\n
  3. Map (will additionally result in popup window of Google Map Chart (see also PHP\/Javascript\/HTML Google Chart Map Tutorial<\/a>) of the tribal area)<\/li>\n<\/ol>\n

    As you can see, there is more complication here that a radio button, on its own, cannot resolve.<\/p>\n

    Just reviewing how we got here … we established a “MobileFish” inspired HTML map element scenario with the following components …<\/p>\n