{"id":62245,"date":"2024-01-12T03:01:42","date_gmt":"2024-01-11T17:01:42","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=62245"},"modified":"2024-01-11T10:52:27","modified_gmt":"2024-01-11T00:52:27","slug":"region-picker-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/region-picker-primer-tutorial\/","title":{"rendered":"Region Picker Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/regions_via_countries.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Region Picker Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/regions_via_countries.gif\" title=\"Region Picker Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Region Picker Primer Tutorial<\/p><\/div>\n<p>All the <a target=_blank title='Google Chart Geo Chart information from Google' href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/geochart'>Geo Chart<\/a> and <a target=_blank title='Google Charts Image Chart' href='https:\/\/developers.google.com\/chart\/image\/docs\/gallery\/chart_gall'>Image Chart<\/a> Map Chart <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-geo-chart-image-chart-mixed-mode-tutorial\/' title='Google Chart Geo Chart Image Chart Mixed Mode Tutorial'>work recently<\/a>, along with <a target=_blank title='ISO_3166-2 information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/ISO_3166-2'>Wikipedia<\/a> ISO-3166 regional and country coding help (thanks), has set us on the road towards a &#8230;<\/p>\n<p><code><br \/>\nRegion Picker<br \/>\n<\/code><\/p>\n<p> &#8230; online tool, which we envisage will &#8230;<\/p>\n<ul>\n<li>initially be a standalone HTML webpage &#8230; and later be &#8230;<\/li>\n<li>integrated into the user input phase of the Geo Chart interfacer<\/li>\n<\/ul>\n<p>So here we are today with the <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/regions_via_countries.html_GETME\">&#8220;first draft&#8221;<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/regions_via_countries.html\">standalone version<\/a>, where we&#8217;ve used Pulldown Menus, you can read more about at <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmlcssjavascript-pulldown-menus-javascript-tutorial\/' title='HTML\/CSS\/Javascript Pulldown Menus Javascript Tutorial'>HTML\/CSS\/Javascript Pulldown Menus Javascript Tutorial<\/a>, to construct a Region\/Country ISO code vertical bar delimited list of regions\/continents that you can display in an Image Chart Map Chart &#8230;<\/p>\n<p><iframe style=\"overflow:scroll;width:100%;height:900px;\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/regions_via_countries.html\"><\/iframe><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d62245' onclick='var dv=document.getElementById(\"d62245\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/menu\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d62245' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>All the Geo Chart and Image Chart Map Chart work recently, along with Wikipedia ISO-3166 regional and country coding help (thanks), has set us on the road towards a &#8230; Region Picker &#8230; online tool, which we envisage will &#8230; &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/region-picker-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,14,37],"tags":[367,1619,518,576,4562,652,770,4616,997,4649,4648,1620,4643,1866,1319],"class_list":["post-62245","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-dropdown","tag-geo-chart","tag-google-chart","tag-html","tag-image-chart","tag-javascript","tag-menu","tag-picker","tag-programming","tag-pulldown","tag-pulldown-menu","tag-region","tag-regional","tag-select","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/62245"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=62245"}],"version-history":[{"count":8,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/62245\/revisions"}],"predecessor-version":[{"id":62253,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/62245\/revisions\/62253"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=62245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=62245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=62245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}