{"id":47779,"date":"2020-01-26T03:01:26","date_gmt":"2020-01-25T17:01:26","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=47779"},"modified":"2020-01-26T06:35:14","modified_gmt":"2020-01-25T20:35:14","slug":"integrating-timezone-places-with-geographicals-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/integrating-timezone-places-with-geographicals-tutorial\/","title":{"rendered":"Integrating Timezone Places with Geographicals Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong.php\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Integrating Timezone Places with Geographicals Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/more_places_via_tz.jpg\" title=\"Integrating Timezone Places with Geographicals Tutorial\" \/><\/a><p class=\"wp-caption-text\">Integrating Timezone Places with Geographicals Tutorial<\/p><\/div>\n<p>Revisiting our Geographicals suite of Web Applications recently, specifically <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Distance\/distance.php\">Great Circle Distance<\/a> calculations we ended up hankering for a wider choice of Placename choices in the dropdowns presented.  Examining the PHP code last changed around about the time of <a target=_blank title='Integrating Google Map Chart with Geographicals Tutorial' href='#phpg'>Integrating a Google Map Chart with Geographicals Tutorial<\/a> their first relevant PHP codeline goes &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n<a target=_blank title='PHP require_once method' href='http:\/\/php.net\/manual\/en\/function.require.php'>require_once<\/a>('..\/Geographicals\/place_latlong.php');<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; was a reminder to us regarding the software design, where this (called) place_latlong.php code is shared around several web applications, helping out populating those Placename dropdowns we talked about above, to the extent that no changes were made to the Great Circle Distance PHP code files in order to complete our software task today.<\/p>\n<p>So that covers &#8220;intervention points&#8221;, always of interest to us.  Knowing <i>where<\/i> to intervene is often the most arduous part of a software integration task.  Now, how about <i>how<\/i>?  Well, we could have called on PHP <a target=_blank title='PHP TimeZone list' href='http:\/\/php.net\/manual\/en\/timezones.php'>TimeZone<\/a> functionalities, but we think perhaps we should avoid a solution that is (totally) PHP (reliant) because we think &#8230;<\/p>\n<ul>\n<li>further down the road we&#8217;ll want to &#8220;interface&#8221; with the user, an &#8220;interface&#8221; that is client based &#8230; as well as &#8230;<\/li>\n<li>recent work (on other recent projects) has had us nuancing data structures regarding what goes well in amongst &#8230;\n<ol>\n<li>country names &#8230; and &#8230;<\/li>\n<li>ISO 2 letter country codes &#8230; and &#8230;<\/li>\n<li>TimeZone names &#8230; and &#8230;<\/li>\n<li>associated latitude and longitude geographicals<\/li>\n<\/ol>\n<p> &#8230; so why not just <a target=_blank href='http:\/\/www.php.net\/manual\/en\/function.explode.php' title='explode'>explode<\/a> our way through with that (innerHTML of a dropdown) data basis &#8230; as per &#8230;<br \/>\n&lt;?php<br \/>\n<code><br \/>\nfunction addtimezones($outmode, $countryparam, $fromparam, $toparam) {<br \/>\n  global $selcountry, $selfrom, $selto, $latarr, $longarr, $cntryarr, $valuearr, $bigscript, $mapidea, $scnt, $outddata, $calcdeg, $calcmin, $calcsec, $latarr, $longarr, $cntryarr, $valuearr, $extras;<br \/>\n  $ourtzlist=\"&lt;option value=\\\"Africa\/Abidjan\\\" data-geo=\\\"5.31666,-4.03334,GMT,CI,+0\\\"&gt;Africa\/Abidjan&lt;\/option&gt;&lt;option value=\\\"Africa\/Accra\\\" data-geo=\\\"5.55,-0.21667,GMT,GH,+0\\\"&gt;Africa\/Accra&lt;\/option&gt;&lt;option value=\\\"Africa\/Addis_Ababa\\\" data-geo=\\\"9.03333,38.7,EAT,ET,+3\\\"&gt;Africa\/Addis_Ababa&lt;\/option&gt;\";  \/\/ etcetera etcetera etcetera<br \/>\n  $cnsource=file_get_contents(\"..\/tz_places.php\");<br \/>\n  $ourtzs=explode(' value=\"', $ourtzlist);<br \/>\n  $country=\"\";<br \/>\n  $lastcountry=\"\";<br \/>\n<br \/>\n  for ($ikj=1; $ikj&lt;sizeof($ourtzs); $ikj++) {<br \/>\n    $isotwo=explode(\",\",$ourtzs[$ikj])[3];<br \/>\n    if (strlen($isotwo) == 2) {<br \/>\n    $cnarr=explode(' value=\"' . $isotwo . '\"&gt;', $cnsource);<br \/>\n    if (sizeof($cnarr) &gt; 1) {<br \/>\n    $country=strtoupper(explode(\"&lt;\", $cnarr[1])[0]);<br \/>\n    todmsviadec(explode(',',explode(' data-geo=\"', $ourtzs[$ikj])[1])[0]);<br \/>\n    $latd=$calcdeg;<br \/>\n    $latm=$calcmin;<br \/>\n    $lats=$calcsec;<br \/>\n    todmsviadec(explode(',',explode(' data-geo=\"', $ourtzs[$ikj])[1])[1]);<br \/>\n    $longd=$calcdeg;<br \/>\n    $longm=$calcmin;<br \/>\n    $longs=$calcsec;<br \/>\n<br \/>\n    $placeis=explode(\"\/\",     explode('\"',$ourtzs[$ikj])[0]    )[(-1 + sizeof(explode(\"\/\",     explode('\"',$ourtzs[$ikj])[0]    )))];<br \/>\n<br \/>\n   if (strlen(ltrim(rtrim($placeis))) &gt; 2) {<br \/>\n     if (strpos($selcountry, $country) === false) {<br \/>\n       $countrythis = \"\\n&lt;option value=\\\"\" . $_SERVER['PHP_SELF'] . \"?latd=\" . $latd . \"&latm=\" . $latm . \"&lats=\" . $lats . \"&longd=\" . $longd . \"&longm=\" . $longm . \"&longs=\" . $longs . \"&from=country&country=\" . $country . \"&place=\" . ltrim(rtrim($placeis)) . \"\\\"&gt;\" . $country . \"&lt;\/option&gt;\";<br \/>\n       if ($countryparam != \"\" && strpos($countrythis, $countryparam) !== false) {<br \/>\n         $selcountry .=  str_replace(\"option value=\", \"option selected='selected' value=\", $countrythis);<br \/>\n       } else {<br \/>\n         $selcountry .=  $countrythis;<br \/>\n       }<br \/>\n     }<br \/>\n     $lastcountry = $country;<br \/>\n     $latarr[strtolower(ltrim(rtrim($placeis)))] = $latd + $latm \/ 60.0 + $lats \/ 3600.0;<br \/>\n     $longarr[strtolower(ltrim(rtrim($placeis)))] = $longd + $longm \/ 60.0 + $longs \/ 3600.0;<br \/>\n     $cntryarr[strtolower(ltrim(rtrim($placeis)))] = strtolower($country);<br \/>\n     $valuearr[strtolower(ltrim(rtrim($placeis)))] = str_replace(\"\/GeogrXXXaphicals\/\", \"\/HTML_CSS\/\",str_replace(\"place_lXXXatlong.\", \"get_weather.\",$_SERVER['PHP_SELF'])) . \"?latd=\" . $latd . \"&latm=\" . $latm . \"&lats=\" . $lats . \"&longd=\" . $longd . \"&longm=\" . $longm . \"&longs=\" . $longs . \"&from=from&country=\" . $country . \"&place=\" . ltrim(rtrim($placeis));<br \/>\n     if ($bigscript == \"\") $bigscript = \"\\n&lt;\" . \"script&gt;\\n\";<br \/>\n     $bigscript .= \"\\n placearr[\" . $scnt . \"] = '\" . str_replace(\"'\",\"&apost;\",strtolower(ltrim(rtrim($placeis)))) . \"';\";<br \/>\n     $bigscript .= \"\\n latarr[\" . $scnt . \"] = \" . ($latd + $latm \/ 60.0 + $lats \/ 3600.0) . \";\";<br \/>\n     $bigscript .= \"\\n longarr[\" . $scnt . \"] = \" . ($longd + $longm \/ 60.0 + $longs \/ 3600.0) . \";\";<br \/>\n     $bigscript .= \"\\n cntryarr[\" . $scnt . \"] = '\" . strtolower($country) . \"';\";<br \/>\n     $bigscript .= \"\\n valuearr[\" . $scnt . \"] = '\" . $_SERVER['PHP_SELF'] . \"?latd=\" . $latd . \"&latm=\" . $latm . \"&lats=\" . $lats . \"&longd=\" . $longd . \"&longm=\" . $longm . \"&longs=\" . $longs . \"&from=from&country=\" . $country . \"&place=\" . str_replace(\"'\",\"&apost;\",ltrim(rtrim($placeis))) . \"';\";<br \/>\n     $fromthis = \"\\n&lt;option value=\\\"\" . str_replace(\"\/GeograpXXXhicals\/\", \"\/HTML_CSS\/\",str_replace(\"place_latXXXlong.\", \"get_weather.\",$_SERVER['PHP_SELF'])) . \"?latd=\" . $latd . \"&latm=\" . $latm . \"&lats=\" . $lats . \"&longd=\" . $longd . \"&longm=\" . $longm . \"&longs=\" . $longs . \"&from=from&country=\" . $country . \"&place=\" . str_replace(\"'\",\"&apost;\",ltrim(rtrim($placeis))) . \"\\\"&gt;\" . str_replace(\"'\",\"&apost;\",ltrim(rtrim($placeis))) . \" ... \" . $country . \"&lt;\/option&gt;\";<br \/>\n     $scnt += 1;<br \/>\n     if ($fromparam != \"\" && strpos($fromthis, $fromparam) !== false) {<br \/>\n         if (strpos($selfrom, \"&lt;\/select&gt;\") !== false) {<br \/>\n         $selfrom=str_replace(\"&lt;\/select&gt;\", str_replace(\"option value=\", \"option selected='selected' value=\", $fromthis) . \"&lt;\/select&gt;\", $selfrom);<br \/>\n         } else {<br \/>\n         $selfrom .=  str_replace(\"option value=\", \"option selected='selected' value=\", $fromthis);<br \/>\n         }<br \/>\n     } else {<br \/>\n         if (strpos($selfrom, \"&lt;\/select&gt;\") !== false) {<br \/>\n         $selfrom=str_replace(\"&lt;\/select&gt;\", $fromthis . \"&lt;\/select&gt;\", $selfrom);<br \/>\n         } else {<br \/>\n         $selfrom .=  $fromthis;<br \/>\n         }<br \/>\n     }<br \/>\n     $tothis = \"\\n&lt;option value=\\\"\" . $_SERVER['PHP_SELF'] . \"?latd=\" . $latd . \"&latm=\" . $latm . \"&lats=\" . $lats . \"&longd=\" . $longd . \"&longm=\" . $longm . \"&longs=\" . $longs . \"&from=to&country=\" . $country . \"&place=\" . str_replace(\"'\",\"&apost;\",ltrim(rtrim($placeis))) . \"\\\"&gt;\" . str_replace(\"'\",\"&apost;\",ltrim(rtrim($placeis))) . \" ... \" . $country . \"&lt;\/option&gt;\";<br \/>\n     if ($toparam != \"\" && strpos($tothis, $toparam) !== false) {<br \/>\n         if (strpos($selto, \"&lt;\/select&gt;\") !== false) {<br \/>\n         $selto=str_replace(\"&lt;\/select&gt;\", str_replace(\"option value=\", \"option selected='selected' value=\", $tothis) . \"&lt;\/select&gt;\", $selto);<br \/>\n         } else {<br \/>\n         $selto .= str_replace(\"option value=\", \"option selected='selected' value=\", $tothis);<br \/>\n         }<br \/>\n     } else {<br \/>\n         if (strpos($selto, \"&lt;\/select&gt;\") !== false) {<br \/>\n         $selto=str_replace(\"&lt;\/select&gt;\", $tothis . \"&lt;\/select&gt;\", $selto);<br \/>\n         } else {<br \/>\n         $selto .=  $tothis;<br \/>\n         }<br \/>\n     }<br \/>\n   }<br \/>\n    }<br \/>\n    }<br \/>\n  }<br \/>\n  return \"\";<br \/>\n}<br \/>\n<br \/>\nfunction todmsviadec($indec) {<br \/>\n   global $calcdeg, $calcmin, $calcsec; \/\/ eg. 5.31666<br \/>\n   $calcdeg=((explode('.', ('' . $indec))[0])>0) ? floor(explode('.', ('' . $indec))[0]) : ceil (explode('.', ('' . $indec))[0]); \/\/ 5<br \/>\n   $indec-=$calcdeg;  \/\/ becomes 0.31666<br \/>\n   $indec=abs($indec);<br \/>\n   $calcmin=floor($indec * 60.0);  \/\/ 19<br \/>\n   if ($calcmin == 60) {<br \/>\n     $calcmin=59;<br \/>\n     $calcsec=59;<br \/>\n   } else {<br \/>\n     $indec-=($calcmin \/ 60.0);<br \/>\n     $calcsec=round($indec * 3600.0);<br \/>\n     if ($calcsec == 60) {  $calcsec=59;  }<br \/>\n   }<br \/>\n}<br \/>\n<\/code><br \/>\n?&gt;<br \/>\n &#8230; taking leads from existant dropdown content creation (making many more PHP variables <a target=_blank title='PHP global variable scope' href='https:\/\/www.php.net\/manual\/en\/language.variables.scope.php'>global<\/a>) and then <b>calling this<\/b> &#8230;<br \/>\n&lt;?php<br \/>\n<code><br \/>\n<b>addtimezones($outmode, $countryparam, $fromparam, $toparam);<\/b><br \/>\n<br \/>\n$selcountry .= \"\\n&lt;\/select&gt;\";<br \/>\n$selfrom .= \"\\n&lt;\/select&gt;\";<br \/>\n$selto .= \"\\n&lt;\/select&gt;\";<br \/>\n<\/code><br \/>\n?&gt;<br \/>\n &#8230; just before its &#8220;wrapping up&#8221; of dropdown creation code\n<\/li>\n<\/ul>\n<p>So feel free to try the new placenames at <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong.php-----GETME\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong.php-----GETME\">place_latlong.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong.php\">Geographical Suite web applications supervisor live run<\/a> to see this integration work at play in its Placename (select element) dropdowns.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/integrating-timezone-places-with-geographicals-tutorial\/'>Integrating Timezone Places with Geographicals Tutorial<\/a>.<\/p-->\n<hr>\n<p id='phpg'>Previous relevant <a target=_blank title='Integrating Google Map Chart with Geographicals Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/integrating-a-google-map-chart-with-geographicals-tutorial\/'>Integrating a Google Map Chart with Geographicals Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong.php\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Integrating Google Map Chart with Geographicals Tutorial\" id='xaacpti' src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Place_LatLong_Visual.jpg\" title=\"Integrating Google Map Chart with Geographicals Tutorial\" \/><\/a><p class=\"wp-caption-text\">Integrating Google Map Chart with Geographicals Tutorial<\/p><\/div>\n<p>Today we revisit the Geographicals suite of webpages here at this blog, which we last talked about with <a href='#cigwawgt' title='Integrating Global Weather Ajax with Geographicals Tutorial'>Integrating Global Weather Ajax with Geographicals Tutorial<\/a> as shown below.<\/p>\n<p>Lately we&#8217;ve been thinking about software integration projects, particularly with respect to the integration of those great Google Chart ideas &#8230; you hadn&#8217;t noticed?<\/p>\n<p>Within those Google Chart ideas we talked about <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=4832' title='PHP\/Javascript\/HTML Google Chart Map Tutorial'>PHP\/Javascript\/HTML Google Chart Map Tutorial<\/a> which seems to me to be a great fit for the <a target=_blank href='#igwigt' title='Integrating Global Weather into Geographicals Tutorial '>supervisor<\/a> webpage of our Geographicals suite here at this blog.<\/p>\n<p>So, with that in mind, wouldn&#8217;t it be good to see a map as soon as you select a placename (in the world) from the dropdowns?  No, well would you prefer to see a drop when you select a mapname from the downdrops?<\/p>\n<p>Thought not, so, try out this software integration we&#8217;ve done here.<\/p>\n<p>Here is the <i>&#8220;supervisory&#8221;<\/i> <a target=_blank title='Integrating Google Map Chart with Geographicals Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong.php\">live run<\/a> to test all the integration yourself.<\/p>\n<p>Here is a new link to some downloadable PHP programming source code explaining changes made specifically for the addition Google Map Chart functionality <a target=_blank title='place_latlong.php' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong_difference.php-GETME\">here<\/a>.<\/p>\n<div id=\"cigwawgt\" style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong.php\"><img decoding=\"async\" aria-describedby=\"caption-cigwawgt\" style=\"float:left; border: 15px solid pink;\" alt=\"Integrating Global Weather Ajax with Geographicals Tutorial\" id='aacpti' src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/IntegrationWeather.png\" title=\"Integrating Global Weather Ajax with Geographicals Tutorial\" \/><\/a><p id=\"caption-cigwawgt\" class=\"wp-caption-text\">Integrating Global Weather Ajax with Geographicals Tutorial<\/p><\/div>\n<p id='igwawgt'>Today&#8217;s tutorial is all about software integration and complements <a target=_blank title='Integrating Global Weather into Geographicals Tutorial' href='#igwigt'>yesterday&#8217;s<\/a> <a target=_blank title='Integrating Global Weather into Geographicals Tutorial' href='#igwigt'>Integrating Global Weather into Geographicals Tutorial<\/a> as shown below.<\/p>\n<p>Software integration takes many forms, and Ajax functionality is that little bit different, perhaps, in that with the tablet and mobile phone <a target=_blank title='Touchpad terminology' href='http:\/\/support.apple.com\/kb\/ht4721'><i>&#8220;touch&#8221;<\/i><\/a> (with all its associated terminology like <a target=_blank title='Gesture recognition information from Wikipedia' href='http:\/\/en.wikipedia.org\/wiki\/Gesture_recognition'><i>&#8220;gesture recognition&#8221;<\/i><\/a>, <i>&#8220;pinch&#8221;<\/i> and &#8220;<i>smart zoom&#8221;<\/i>)  is a concept, with more currency than the <i>&#8220;click&#8221;<\/i> and <i>&#8220;hover&#8221;<\/i> (of the original web-based systems) and this has increased the choices for ways to achieve things, with there being more accepted mobile world &#8220;ways&#8221; sometimes a bit different to the laptop\/notebook\/desktop &#8220;ways&#8221;.   For instance, with Ajax, and the laptop\/notebook\/desktop world, I tend to want to do a lot with the <i>&#8220;hover&#8221;<\/i> (onmouseover) event, but this does not always translate well in the mobile phone\/tablet world.    In the mobile phone\/tablet world multiple window use can get a bit awkward with the smaller screens.<\/p>\n<p>In today&#8217;s tutorial we show some integration techniques using HTML <i>&#8220;select&#8221;<\/i> (dropdown) and\/or <br \/>&#8220;&lt;a &#8230;&gt;&lt;img &#8230; \/&gt;&lt;\/a&gt;&#8221; (button) approaches, with the <i>&#8220;hover&#8221;<\/i> event doing the same as the <i>&#8220;click&#8221;<\/i> event.   Whether you like this approach is debatable and you may want to trial such approaches with potential users when you come to creating commercial products.   Ideally with catering for all of mobile phone, tablet, desktop and laptop\/notebook users you can use the same base code (you may disagree here), with Javascript, HTML and CSS methods employed to compartmentalize device-dependent code using all the various forms of <a target=_blank title='if' href='http:\/\/www.kipling.org.uk\/poems_if.htm'><i>&#8220;if&#8221;<\/i><\/a> in the softwares.<\/p>\n<p>So the <i>&#8220;Get the Weather&#8221;<\/i> functionality of <a target=_blank title='Integrating Global Weather into Geographicals Tutorial' href='#agwhgpt'>two days ago<\/a> has a geographical component, that is for sure &#8230; the <i>&#8220;where&#8221;<\/i> in life is soooo programmable, isn&#8217;t it? &#8230; so we can integrate it into other Geographical software components we&#8217;ve been developing here on this blog.<\/p>\n<p>Today&#8217;s part two (of two) of integration tasks, which includes the requirement that some Geographicals of unknown placename should <i>&#8220;map&#8221;<\/i> themselves to the nearest placename (via a function called <i>find_nearest<\/i> (with respect to whatever data source your software uses)), adds the <i>&#8220;Get the Weather&#8221;<\/i> Ajax software functionality to each of the <i>&#8220;independent child&#8221;<\/i> functions of the Geographicals suite &#8230; Sun Angles, Moon Angles, Great Circle Distance and Coriolis Force.   Part one (of two) of integration tasks of <a target=_blank title='Integrating Global Weather into Geographicals Tutorial' href='#igwigt'>yesterday<\/a> was to associate the <i>&#8220;Get the Weather&#8221;<\/i> with a placename in the world.   This is the more obvious integration task and we show two bits of integration to make that happen <a target=_blank title='Integrating Global Weather into Geographicals Tutorial' href='#igwigt'>way below<\/a>.<\/p>\n<p>Here is a new link to some downloadable PHP programming source code explaining changes made specifically for the <i>&#8220;Get the Weather&#8221;<\/i> software component of the Sun Angles functionality <a target=_blank title='column_chart_diff.php' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/SunAngle\/sun_angle_now_at.php---GETME\">here<\/a>.<\/p>\n<p>Here is a new link to some downloadable PHP programming source code explaining changes made specifically for the <i>&#8220;Get the Weather&#8221;<\/i> software component of the Moon Angles functionality <a target=_blank title='column_chart_diff.php' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/MoonAngle\/moon_angle_now_at.php---GETME\">here<\/a>.<\/p>\n<p>Here is a new link to some downloadable PHP programming source code explaining changes made specifically for the <i>&#8220;Get the Weather&#8221;<\/i> software component of the Great Circle Distance functionality <a target=_blank title='column_chart_diff.php' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/Distance\/distance.php---GETME\">here<\/a>.<\/p>\n<p>Here is a new link to some downloadable PHP programming source code explaining changes made specifically for the <i>&#8220;Get the Weather&#8221;<\/i> software component of the Coriolis Force functionality <a target=_blank title='column_chart_diff.php' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/Coriolis\/coriolis_force_at.php---GETME\">here<\/a>.<\/p>\n<p>Here is a new link to some downloadable PHP programming source code explaining changes made specifically for the Geographical supervisor of the <i>&#8220;Get the Weather&#8221;<\/i> software component (and others)  <a target=_blank title='column_chart_diff.php' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong_weather.php-GETME\">here<\/a>.<\/p>\n<p>And here is the <i>&#8220;independent child&#8221;<\/i> <a target=_blank title='Integrating Global Weather Ajax with Geographicals Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/SunAngle\/sun_angle_now_at.php\">Sun Angles live run<\/a> (which now includes <i>&#8220;Get the Weather&#8221;<\/i>).<\/p>\n<p>And here is the <i>&#8220;independent child&#8221;<\/i> <a target=_blank title='Integrating Global Weather Ajax with Geographicals Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/MoonAngle\/moon_angle_now_at.php\">Moon Angles live run<\/a> (which now includes <i>&#8220;Get the Weather&#8221;<\/i>).<\/p>\n<p>And here is the <i>&#8220;independent child&#8221;<\/i> <a target=_blank title='Integrating Global Weather Ajax with Geographicals Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Distance\/distance.php\">Great Circle Distance live run<\/a> (which now includes <i>&#8220;Get the Weather&#8221;<\/i>).<\/p>\n<p>And here is the <i>&#8220;independent child&#8221;<\/i> <a target=_blank title='Integrating Global Weather Ajax with Geographicals Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Coriolis\/coriolis_force_at.php\">Coriolis Force live run<\/a> (which now includes <i>&#8220;Get the Weather&#8221;<\/i>).<\/p>\n<p>And finally here is the <i>&#8220;supervisory&#8221;<\/i> <a target=_blank title='Integrating Global Weather into Geographicals Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong.php\">live run<\/a> to test all the integration (which now includes <i>&#8220;Get the Weather&#8221;<\/i>) yourself.   By the way, this tutorial&#8217;s &#8220;supervisory&#8221; look gets a functional makeover on <a target=_blank title='Makeover via Google Charts' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?m=20140512'>12\/05\/2014<\/a>.<\/p>\n<hr \/>\n<p id='igwigt'>Previous relevant <a target=_blank title='Integrating Global Weather into Geographicals Tutorial' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=5798'>Integrating Global Weather into Geographicals Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong.php\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Integrating Global Weather into Geographicals Tutorial\" id='aacpti' src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/WeatherIntegration.jpg\" title=\"Integrating Global Weather into Geographicals Tutorial\" \/><\/a><p class=\"wp-caption-text\">Integrating Global Weather into Geographicals Tutorial<\/p><\/div>\n<p>Today&#8217;s tutorial is all about software integration and builds on <a target=_blank title='Ajax Global Weather HTTP Get Primer Tutorial' href='#agwhgpt'>yesterday&#8217;s<\/a> <a target=_blank title='Ajax Global Weather HTTP Get Primer Tutorial' href='#agwhgpt'>Ajax Global Weather HTTP Get Primer Tutorial<\/a> as shown below.<\/p>\n<p>Sometimes (well, in my experience) you get the best <i>&#8220;kick&#8221;<\/i> out of integrating software components, rather than the writing of the component itself.   Sounds weird, doesn&#8217;t it, but the fact is, the more functionality you can build into existing software frameworks you have built up, the more useful software becomes, rather than a whole lot of disparate functionality, which may be very cute, but the procedures for which can be forgotten by people in the length of time it takes to wander up the hallway with the mobile phone attached to one&#8217;s cranium (would the Queen do this?!).<\/p>\n<p>So <a target=_blank title='Get the weather' href='#agwhgpt'>yesterday&#8217;s<\/a> <i>&#8220;Get the Weather&#8221;<\/i> functionality has a geographical component, that is for sure &#8230; the <i>&#8220;where&#8221;<\/i> in life is soooo programmable, isn&#8217;t it? &#8230; so we can integrate it into other Geographical software components we&#8217;ve been developing here on this blog.<\/p>\n<p>Part one (of two) of integration tasks is to associate the <i>&#8220;Get the Weather&#8221;<\/i> with a placename in the world.   This is the more obvious integration task and we show two bits of integration to make that happen below.<\/p>\n<p>Here is a new link to some downloadable PHP programming source code explaining changes made specifically for the <i>&#8220;Get the Weather&#8221;<\/i> software component (from tutorial below)  <a target=_blank title='column_chart_diff.php' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/get_weather.php-GETME\">here<\/a>.<\/p>\n<p>Here is a new link to some downloadable PHP programming source code explaining changes made specifically for the Geographical supervisor of the <i>&#8220;Get the Weather&#8221;<\/i> software component (and others)  <a target=_blank title='column_chart_diff.php' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong_weather.php-GETME\">here<\/a> &#8230; lots of the changes here involve readiness for the other piece of integration that we will cover at another tutorial <a title='tomorrow' href='#cigwawgt'>tomorrow<\/a>.<\/p>\n<p>And finally here is the <a target=_blank title='Integrating Global Weather into Geographicals Tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/place_latlong.php\">live run<\/a> to test all the integration (which now includes <i>&#8220;Get the Weather&#8221;<\/i>)  yourself.<\/p>\n<hr \/>\n<p id='agwhgpt'>Previous relevant <a target=_blank title='' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=5791'>Ajax Global Weather HTTP Get 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\/get_weather.php\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Ajax Global Weather HTTP Get Primer Tutorial\" id='aacpti' src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/GlobalWeather.jpg\" title=\"Ajax Global Weather HTTP Get Primer Tutorial\" \/><\/a><p class=\"wp-caption-text\">Ajax Global Weather HTTP Get Primer Tutorial<\/p><\/div>\n<p>Ajax techniques make your web pages very dynamic and useful, and there will be fewer changes of webpage required when using Ajax, because information derived from a data source (maybe a feed, maybe a database read, maybe a local source of data, maybe a web service website (as for this tutorial &#8230; thanks to <a target=_blank title='great help' href='http:\/\/www.webservicex.net\/globalweather.asmx?op=GetWeather'>GlobalWeather<\/a> here)) make many changes of webpage obsolete.<\/p>\n<p><p>Today we use HTTP Get methods to procure the data, but you will see other methods that can be used on that link above.<\/p>\n<p>Let&#8217;s have a look at Wikipedia&#8217;s thoughts on Ajax <a target=_blank title='Ajax information from Wikipedia' href='http:\/\/en.wikipedia.org\/wiki\/Ajax_%28programming%29'>below<\/a>.<\/p>\n<blockquote><p>Ajax (also AJAX; \/\u02c8e\u026ad\u0292\u00e6ks\/; an acronym for Asynchronous JavaScript and XML)[1] is a group of interrelated web development techniques used on the client-side to create asynchronous web applications. With Ajax, web applications can send data to, and retrieve data from, a server asynchronously (in the background) without interfering with the display and behavior of the existing page. Data can be retrieved using the XMLHttpRequest object. Despite the name, the use of XML is not required (JSON is often used instead. See AJAJ), and the requests do not need to be asynchronous.[2]<\/p>\n<p>Ajax is not a single technology, but a group of technologies. HTML and CSS can be used in combination to mark up and style information. The DOM is accessed with JavaScript to dynamically display, and allow the user to interact with, the information presented. JavaScript and the XMLHttpRequest object provide a method for exchanging data asynchronously between browser and server to avoid full page reloads.<\/p><\/blockquote>\n<p>Have a look at the PHP downloadable code which you could rename to <a target=_blank title='get_weather.php' href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/get_weather.php_GETME\">get_weather.php<\/a><br \/>\nTry a <a target=_blank title='live run' href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/get_weather.php\">live run<\/a> here.<\/p>\n<hr \/>\n<p d='xapwt'>Previous relevant <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=579\" title='Ajax Preview Window Tutorial'>Ajax Preview Window Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/ajax.php\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Ajax Preview Window Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Ajax\/Ajax.jpg\" title=\"Ajax Preview Window Tutorial\" \/><\/a><p class=\"wp-caption-text\">Ajax Preview Window Tutorial<\/p><\/div>\n<p>Ajax is a client-side meets server-side melding of PHP (or <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=1646'>ASP.Net<\/a>) and Javascript and HTML and CSS and allows you to stay on the web page you are on doing many more things, rather than constantly changing web pages the way that HTML form tag makes you do.  Ajax works with XMLHttpRequest object to quiz the server-side while staying on the client side.   You may have guessed that we have been working up to this, and I refer you to the previous tutorial about <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=574'>JavaScript and the DOM Tutorial<\/a> and <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=550'>PHP + JavaScript + HTML Primer Tutorial<\/a> for important information to learn before tackling Ajax.   Ajax shares similar restrictions to iFrames in limiting you to work within your own domain, generally speaking.   Ajax normally makes use of the onmouseover (hence the amateurish added rendition of a cursor, where I was hovering over the option tag, but couldn&#8217;t take a snapshot of this &#8230; ie. too lazy to get the camera!) and onmouseout events of HTML elements and you may notice the less than ideal Internet Explorer behaviour for this Ajax code, and that is because for Internet Explorer the option tag has no onmouseover nor onmouseout event defined, so we did an awful kludge.<\/p>\n<p><strong>Earlier tutorials &#8230; <\/strong><\/p>\n<p>JavaScript is a tremendous web client-side language to learn.   You may have heard of a server-side JavaScript, but this tutorial only deals with client-side work.   This tutorial builds a JavaScript layer on top of the <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=550'>PHP tutorial<\/a> made earlier, showing how the DOM can be used to change the look of your webpage dynamically, even if most of it is in an iFrame (but there are limits).<\/p>\n<p>PHP is a wonderful language to learn.   It is usually associated with being a web server-side language (as with this tutorial, where it is being shown on a local <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=532'>MAMP<\/a> web server) but can be a <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=262'>command line tool<\/a> as well.   If you like PHP you may eventually like <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=482'>ASP.Net<\/a> and\/or Python, and vice versa.   It has sophisticated data structures, Object Oriented (the thinking that you can build classes with data and methods which define objects created as you run the program &#8230; eg. you might write a class for book and have data members for things like numPages and publisher, author, creationDate and have methods called things like getCreationDate, setCreationDate, getAuthor, setAuthor allowing the user to use these methods rather than changing the  data members themselves &#8230; heaven forbid that!) code concepts, and really combines well with <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=293'>JavaScript<\/a> (as a client-side language).     <\/p>\n<p>Download programming source code and rename to <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/Ajax\/ajax.php_GETME'>ajax.php<\/a> (but Ajax only works within the domain you use it, and this code mentions www.rjmprogramming.com.au so just use it for reference purposes or rewrite for purposes that suit you within your domain of interest).<\/p>\n<p>Regarding this  <a target=_blank title='click picture' href='http:\/\/www.rjmprogramming.com.au\/ajax.php'>topic<\/a> I really like <em>&#8220;JavaScript &amp; Ajax&#8221; seventh edition by Tom Negrino and Dori Smith<\/em> <\/p>\n<p><strong><em>Did you know &#8230;<\/em><\/strong><br \/>\nJavaScript makes a great easy-access Calculator?<\/p>\n<p>Try typing the lines below into the address bar of your favourite browser:<\/p>\n<p>Javascript: eval(512 \/ 380);<br \/>\nJavascript: eval(512 * 380);<br \/>\nJavascript: eval(512 &#8211; 380);<br \/>\nJavascript: eval(512 + 380);<br \/>\nJavascript: eval(512 % 380);<\/p>\n<p>These days we spend so much time on the Internet it is a much quicker way to get to a calculator!\n<\/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='#d579' onclick='var dv=document.getElementById(\"d579\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?cat=63\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d579' 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='#d5791' onclick='var dv=document.getElementById(\"d5791\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?cat=63\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d5791' 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='#d5798' onclick='var dv=document.getElementById(\"d5798\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?s=Geographicals\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d5798' 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='#d5807' onclick='var dv=document.getElementById(\"d5807\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?s=Geographicals\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d5807' 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='#d7704' onclick='var dv=document.getElementById(\"d7704\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=google-chart\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d7704' 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='#d47779' onclick='var dv=document.getElementById(\"d47779\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/integration\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d47779' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Revisiting our Geographicals suite of Web Applications recently, specifically Great Circle Distance calculations we ended up hankering for a wider choice of Placename choices in the dropdowns presented. Examining the PHP code last changed around about the time of Integrating &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/integrating-timezone-places-with-geographicals-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,2321,576,614,932,2134,2918,997,3203,1866,1166,1168,1693,1319],"class_list":["post-47779","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-dropdown","tag-explode","tag-html","tag-integration","tag-php","tag-place","tag-placename","tag-programming","tag-require_once","tag-select","tag-software-2","tag-software-integration","tag-timezone","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/47779"}],"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=47779"}],"version-history":[{"count":8,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/47779\/revisions"}],"predecessor-version":[{"id":47787,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/47779\/revisions\/47787"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=47779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=47779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=47779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}