{"id":17401,"date":"2015-09-27T05:01:24","date_gmt":"2015-09-26T19:01:24","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=17401"},"modified":"2020-07-16T08:43:45","modified_gmt":"2020-07-15T22:43:45","slug":"htmlphp-timezone-feed-javascript-autocompletion-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmlphp-timezone-feed-javascript-autocompletion-tutorial\/","title":{"rendered":"HTML\/PHP Timezone Feed Javascript Autocompletion Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/PHP Timezone Feed Javascript Autocompletion Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylightsavingtime.jpg\" title=\"HTML\/PHP Timezone Feed Javascript Autocompletion Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/PHP Timezone Feed Javascript Autocompletion Tutorial<\/p><\/div>\n<p>We&#8217;ve got to the point today with our &#8220;when&#8221; and &#8220;where&#8221; timezone web application that further work needed is on the client sode, and today&#8217;s work (adding on to yesterday&#8217;s <a target=_blank title='HTML\/PHP Timezone Feed Trip Planner Tutorial' href='#hpttpt'>HTML\/PHP Timezone Feed Trip Planner Tutorial<\/a> is shown below) is done in Javascript, involving &#8230;<\/p>\n<ul>\n<li>Javascript code to calculate a Great Circle Distance between our Trip Planner endpoints and placing information into an HTML sub element<\/li>\n<li>Javascript code working off the &#8220;Client Pre-emptive Iframe&#8221; data to facilitate autocompletion functionality regarding the &#8220;From&#8221; and &#8220;To&#8221; HTML input type=text elements<\/li>\n<\/ul>\n<p>You can certainly use jQuery and or Ajax techniques to do autocompletion, but today is basically homegrown Javascript, because with the data being there, it just felt like the right thing to do.  The events and ideas that feature for us involving autocompletion coding were &#8230;<\/p>\n<ul>\n<li>making sure the HTML input type=text elements have the property <i>autocompletion=&#8221;off&#8221;<\/i> to say that any autocompletion the web browser might do will be overridden, because we intend to do our own homegrown autocompletion &#8230; thanks very much, anyway, like<\/li>\n<li>getting the sequence of HTML input type=text element focus is in order and to attract the user to the idea that the functionality may be in play<\/li>\n<li>making the HTML input type=text element event <i>onkeyup<\/i> do the bulk of the logic, as the HTML input type=text element value is what is shown, at this keyboard event<\/li>\n<li>placing the autocompletion mechanism for &#8220;From&#8221; and &#8220;To&#8221; to be two HTML div elements, which are invisible initially, at which time their <i>innerHTML<\/i> properties are blank, and which dynamically contain HTML select (dropdown) elements populated on the fly and made to disappear by clearing the HTML div element&#8217;s <i>innerHTML<\/i>, at appropriate times controlled by user interaction<\/li>\n<\/ul>\n<p>The involvement of Wikipedia, with this really <a target=_blank title='Wikipedia Timezone page ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/List_of_tz_database_time_zones'>useful link<\/a> made all this possible with its &#8230;<\/p>\n<ol>\n<li>Latitude and Longitude geographical information<\/li>\n<li>Time Zone ID information, from which place names can be derived<\/li>\n<\/ol>\n<p> &#8230; for the functionality above, respectively.<\/p>\n<p>So with today&#8217;s Javascript and HTML work, the source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html---GETME\" title='daylight_saving_time.html'>daylight_saving_time.html<\/a> (changed from yesterday as per <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html---GETME\" title='daylight_saving_time.html'>this link<\/a>).<\/p>\n<p>Please feel free to try a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\" title='daylight_saving_time.html'>live run<\/a> to see what we mean.<\/p>\n<hr>\n<p id='hpttpt'>Previous relevant <a target=_blank title='HTML\/PHP Timezone Feed Trip Planner Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmlphp--timezone-feed-trip-planner-tutorial\/'>HTML\/PHP Timezone Feed Trip Planner Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/PHP Timezone Feed Trip Planner Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.png\" title=\"HTML\/PHP Timezone Feed Trip Planner Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/PHP Timezone Feed Trip Planner Tutorial<\/p><\/div>\n<p>We&#8217;ve continued on our journey into the &#8220;when&#8221; and &#8220;where&#8221; of our new timezone web application today by focussing on its abilities to help as a trip planner, as we do at WordPress 4.1.1 with <a target=_blank title='HTML\/PHP Timezone Feed Trip Planner Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmlphp-timezone-feed-trip-planner-tutorial\/'>HTML\/PHP Timezone Feed Trip Planner Tutorial<\/a>.  We are surrounded by Google &#8220;smarts&#8221; today, and we thank them for &#8230;<\/p>\n<ul>\n<li><a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts<\/a> functionality<\/li>\n<li><a target=_blank href='http:\/\/maps.google.com' title='Google Maps'>Google Maps<\/a> &#8230; in particular, the &#8220;Get Directions&#8221; brilliance<\/li>\n<\/ul>\n<p> &#8230; because we figure, since yesterday, with <a target=_blank title='HTML\/PHP Timezone Feed Google Chart Map Tutorial' href='#hptfgcmt'>HTML\/PHP Timezone Feed Google Chart Map Tutorial<\/a> as shown below, the involvement of Wikipedia, with this really <a target=_blank title='Wikipedia Timezone page ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/List_of_tz_database_time_zones'>useful link<\/a> under the auspices of our PHP, then lead to the HTML of this web application benefitting from this intelligence, so that, now, this HTML can &#8220;join the club&#8221; of those we&#8217;ve lately been adding to the list of web applications to use &#8220;Client Pre-emptive Iframe&#8221; techniques &#8230; perhaps you were here earlier this week for the last tutorial on this topic called <a target=_blank title='Client Pre-emptive Iframe Crontab Curl Daily Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/client-pre-emptive-iframe-crontab-curl-daily-tutorial\/'>Client Pre-emptive Iframe Crontab Curl Daily Tutorial<\/a>.  This comes about because the wbits.html interim file we derive from the Wikipedia data sits on the server, and can now be accessed by today&#8217;s web application HTML via an HTML <a target=_blank title='HTML iframe tag information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tag_iframe.asp'>iframe<\/a> element whose workings are not affected by any cross-domain issues.  If you are wondering why?  It is because this data has all we need for a Trip Planner, as it has &#8230;<\/p>\n<ol>\n<li>Time Zone ID information, from which place names can be derived<\/li>\n<li>Latitude and Longitude geographical information<\/li>\n<li><a target=_blank title='?' href='https:\/\/www.youtube.com\/watch?v=EBiJAxgZFFI'>Personality<\/a> &#8230; but we digress<\/li>\n<\/ol>\n<p>So we add the concept of a &#8220;To&#8221; place name to the mix, use all the information &#8220;smarts&#8221;, and the <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts<\/a> onclick event functionality shown at <a target=_blank title='Google Chart Map Chart' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/phpjavascripthtml-google-chart-map-onclick-tutorial\/'>PHP\/Javascript\/HTML Google Chart Map Onclick Tutorial<\/a>, and voila &#8230; a Trip Planner of sorts &#8230; no money though &#8230; awwwwwwww!!! Never mind.<\/p>\n<p>All those map lovers and appreciators of <i>&#8220;Where&#8221;<\/i> meeting <i>&#8220;When&#8221;<\/i> may find it interesting to again try a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\" title='Click picture'>live run<\/a>, and or peruse the code as per &#8230;<\/p>\n<ul>\n<li>HTML\/Javascript source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html--GETME\" title='daylight_saving_time.html'>daylight_saving_time.html<\/a> (changed from yesterday as per <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html--GETME\" title='daylight_saving_time.html'>this link<\/a>) &#8230; supervising &#8230; but needing &#8230;<\/li>\n<li>PHP source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.php--GETME\" title='daylight_saving_time.php'>daylight_saving_time.php<\/a> (changed from yesterday as per <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.php--GETME\" title='daylight_saving_time.php'>this link<\/a>) &#8230; because the recent <i>&#8220;Client Pre-emptive Iframe&#8221;<\/i> thoughts don&#8217;t work so well for the cross-domain requirements that GoMashup&#8217;s RSS feed and Wikipedia data presents to us<\/li>\n<\/ul>\n<p>We hope you again enjoy thinking about time and space and maps and trips and holidays maybe &#8230; and maybe some things that we can share in common.<\/p>\n<hr>\n<p id='hptfgcmt'>Previous relevant <a target=_blank title='HTML\/PHP Timezone Feed Google Chart Map Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmlphp--timezone-feed-google-chart-map-tutorial\/'>HTML\/PHP Timezone Feed Google Chart Map Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/PHP Timezone Feed Google Chart Map Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.gif\" title=\"HTML\/PHP Timezone Feed Google Chart Map Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/PHP Timezone Feed Google Chart Map Tutorial<\/p><\/div>\n<p>Yesterday we started on our journey into the &#8220;when&#8221; and &#8220;where&#8221; of our new timezone web application when we presented <a target=_blank title='HTML\/PHP Timezone Feed Primer Tutorial' href='#hptfpt'>HTML\/PHP Timezone Feed Primer Tutorial<\/a> as shown below.  Today we delve into more sources of data to augment yesterday&#8217;s <a target=_blank title='Gomashup' href='http:\/\/www.gomashup.com'>GoMashup<\/a> (thanks) source.   And &#8220;why&#8221; is that?  Well, we want to further contextualize the &#8220;where&#8221; of the web application by offering to show a representative map of a locality within the relevant Timezone on a map of the Earth.  To do this, we can use the <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts<\/a> <a target=_blank title='Google Chart Map Chart' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=4832'>Map Chart<\/a>, as we&#8217;ve discussed earlier.  That is the &#8220;what&#8221; (we use) about the scenario, but &#8220;how&#8221; about the &#8220;how&#8221;?   We need a data source that links Timezone names with geographical latitude and longitude information, which the GoMashup data does not contain.  Luckily, the wonderful Wikipedia came to the rescue with this really really <a target=_blank title='Wikipedia Timezone page ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/List_of_tz_database_time_zones'>useful link<\/a>, so yet again, thanks Wikipedia!<\/p>\n<p>The use of maps can help contextualize where we live and in any given Timezone of interest, you will find an east\/west commonality for Timezone places, with possibly a lot of variation in north\/south to places that have a common Timezone.  As you probably learnt in school geography, this can mean a vast difference in climate from the cold polar regions (of really high or really low latitudes) to the warm and humid equatorial regions near the equator at zero degrees latitude.<\/p>\n<p>But people of the same Timezone, may, for instance, share &#8230;<\/p>\n<ul>\n<li>pet cat feeding times<\/li>\n<li>pet dog walking times<\/li>\n<li>dinner meal times<\/li>\n<li>start work and end work times<\/li>\n<li>ceremony times<\/li>\n<\/ul>\n<p>We here in <a target=_blank title='Australia\/Sydney timezone' href='http:\/\/www.timezoneconverter.com\/cgi-bin\/zoneinfo?tz=Australia\/Sydney'>Sydney<\/a> (with our <a target=_blank title='Cats in Sydney' href='https:\/\/www.google.com\/search?q=%22cat+in+sydney%22&#038;biw=1280&#038;bih=659&#038;source=lnms&#038;tbm=isch&#038;sa=X&#038;ved=0CAYQ_AUoAWoVChMI4P-m2MGQyAIVIyymCh0SSgMp'>cats<\/a>) share &#8220;time&#8221; with people in <a target=_blank title='Vladivostok Google search' href='https:\/\/www.google.com\/search?q=vladivostok&#038;biw=1280&#038;bih=659&#038;source=lnms&#038;sa=X&#038;ved=0CAUQ_AUoAGoVChMI6_alzrGPyAIVgTKUCh0qVgoz&#038;dpr=1'>Vladivostok<\/a>, in Russia (with their <a target=_blank title='Cats in Vladivostok' href='https:\/\/www.google.com\/search?q=cat+in+vladivostok&#038;biw=1280&#038;bih=659&#038;source=lnms&#038;tbm=isch&#038;sa=X&#038;ved=0CAYQ_AUoAWoVChMIu7XOn7GPyAIViaGUCh0aHAuD'>cats<\/a>) for instance.  Am sure, though, that these cats are not sharing any fur coats?!<\/p>\n<p>Again, today&#8217;s work has that special treat of combining <i>&#8220;Where&#8221;<\/i> and <i>&#8220;When&#8221;<\/i> in its themes, and think you may find it interesting to again try a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\" title='Click picture'>live run<\/a>, and or peruse the code as per &#8230;<\/p>\n<ul>\n<li>HTML\/Javascript source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html-GETME\" title='daylight_saving_time.html'>daylight_saving_time.html<\/a> (changed from yesterday as per <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html-GETME\" title='daylight_saving_time.html'>this link<\/a>) &#8230; supervising &#8230; but needing &#8230;<\/li>\n<li>PHP source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.php-GETME\" title='daylight_saving_time.php'>daylight_saving_time.php<\/a> (changed from yesterday as per <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.php-GETME\" title='daylight_saving_time.php'>this link<\/a>) &#8230; because the recent <i>&#8220;Client Pre-emptive Iframe&#8221;<\/i> thoughts don&#8217;t work so well for the cross-domain requirements that GoMashup&#8217;s RSS feed and Wikipedia data presents to us<\/li>\n<\/ul>\n<p>We hope you again enjoy thinking about time and space and maps &#8230; and maybe some things that we all share in common.<\/p>\n<hr>\n<p id='hptfpt'>Previous relevant <a target=_blank title='HTML\/PHP Timezone Feed Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmlphp-timezone-feed-primer-tutorial\/'>HTML\/PHP Timezone Feed Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/PHP Timezone Feed Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.jpg\" title=\"HTML\/PHP Timezone Feed Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/PHP Timezone Feed Primer Tutorial<\/p><\/div>\n<p>Today we delve into timezone web applications using <a target=_blank title='RSS Feed information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/RSS'>RSS feed<\/a> data, in our case courtesy of <a target=_blank title='Gomashup' href='http:\/\/www.gomashup.com'>Gomashup<\/a> &#8230; thanks.<\/p>\n<p>Maybe you are good with timezones, as you make a lot of International phone calls, and get used to it, but there are a lot of exceptions to the geographical (ie. longitudinal position) logic for several reasons like &#8230;<\/p>\n<ul>\n<li>daylight saving<\/li>\n<li>political decisions (especially around the <a target=_blank title='International Date Line information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/International_Date_Line'>International Date Line<\/a> (180\u00b0E and 180\u00b0W) &#8230; ie. the opposite <a target=_blank title='Longitude information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Longitude'>longitude<\/a> to Greenwich (as of <a target=_blank title='Greenwich Mean Time information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Greenwich_Mean_Time'>Greenwich Mean Time<\/a>), which is at at 0\u00b0E and 0\u00b0W)<\/li>\n<\/ul>\n<p> &#8230; plus we all know that <i>&#8220;when you are having fun&#8221;<\/i> &#8230; well, you know what we mean?!<\/p>\n<p>So all those interruptions to the longitudinal way the time should be, in any given longitudinal place on Earth, needs to get a name, so the international convention gives a <i>Region\/PlaceIdentifier<\/i> type of <i>TimeZoneID<\/i>, and so, even though we offer a finder of your <i>TimeZoneID<\/i> from our web application today, don&#8217;t count on finding it that way, because the places used as <i>TimeZoneID<\/i> PlaceIdentifiers are sometimes quite obscure, or at least to those &#8220;not in the know&#8221; I guess &#8230; but my favourite so far has been <i>&#8220;America\/Indiana\/Tell_City&#8221;<\/i>, as I hadn&#8217;t heard of <a target=_blank title='Tell City, Indiana' href='https:\/\/www.google.com\/search?q=Tell+City&#038;ie=utf-8&#038;oe=utf-8'>Tell City<\/a> before doing this web application &#8230; glad to meet you in <i>code<\/i>, Tell City, Indiana, USA.<\/p>\n<p>Today&#8217;s work has that special treat of combining <i>&#8220;Where&#8221;<\/i> and <i>&#8220;When&#8221;<\/i> in its themes, and think you may find it interesting to try a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\" title='Click picture'>live run<\/a>, and or peruse the code as per &#8230;<\/p>\n<ul>\n<li>HTML\/Javascript source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html_GETME\" title='daylight_saving_time.html'>daylight_saving_time.html<\/a> &#8230; supervising &#8230; but needing &#8230;<\/li>\n<li>PHP source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.php_GETME\" title='daylight_saving_time.php'>daylight_saving_time.php<\/a> &#8230; because the recent <i>&#8220;Client Pre-emptive Iframe&#8221;<\/i> thoughts don&#8217;t work so well for the cross-domain requirements that GoMashup&#8217;s RSS feed and Wikipedia data source presents to us<\/li>\n<\/ul>\n<p>Thinking back on it, it stands to reason some aspects of <i>&#8220;Where&#8221;<\/i> are intertwined with <i>&#8220;When&#8221;<\/i> by where we live &#8230; <a target=_blank title='?' href='https:\/\/www.google.com\/search?q=springfield+timezone'>doh!<\/a><\/p>\n<p>Anyway, hope you enjoy thinking about time and space &#8230; and all that.  It is a topic of huge interest to those people out there trying to <a target=_blank title='Internationalization information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Internationalization_and_localization'>Internationalize<\/a> their websites.<\/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='#d17339' onclick='var dv=document.getElementById(\"d17339\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/?tag=DOM\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17339' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d17352' onclick='var dv=document.getElementById(\"d17352\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/?tag=geographicals\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17352' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d17375' onclick='var dv=document.getElementById(\"d17375\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/?tag=google\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17375' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d17401' onclick='var dv=document.getElementById(\"d17401\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/?tag=javascript\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17401' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve got to the point today with our &#8220;when&#8221; and &#8220;where&#8221; timezone web application that further work needed is on the client sode, and today&#8217;s work (adding on to yesterday&#8217;s HTML\/PHP Timezone Feed Trip Planner Tutorial is shown below) is &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmlphp-timezone-feed-javascript-autocompletion-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":[1695,1697,1696,412,481,513,519,527,576,587,620,652,719,752,861,932,997,1076,1279,1693,1694,1312,1319,1321],"class_list":["post-17401","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-autocompletion","tag-elearning-date","tag-event-driven-programming","tag-feed","tag-geographicals","tag-google","tag-google-charts","tag-google-maps","tag-html","tag-iframe","tag-internationalization","tag-javascript","tag-longitude","tag-mathematics","tag-onclick","tag-php","tag-programming","tag-rss-feed","tag-time","tag-timezone","tag-trip-planner","tag-trips-2","tag-tutorial","tag-tutorials"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/17401"}],"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=17401"}],"version-history":[{"count":6,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/17401\/revisions"}],"predecessor-version":[{"id":49671,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/17401\/revisions\/49671"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=17401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=17401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=17401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}