{"id":62210,"date":"2024-01-09T03:01:46","date_gmt":"2024-01-08T17:01:46","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=62210"},"modified":"2024-01-11T10:13:30","modified_gmt":"2024-01-11T00:13:30","slug":"google-chart-geo-chart-image-chart-better-context-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-geo-chart-image-chart-better-context-tutorial\/","title":{"rendered":"Google Chart Geo Chart Image Chart Better Context Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Google Chart Geo Chart Image Chart Better Context Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart_shading_mode_image_chart_better.gif\" title=\"Google Chart Geo Chart Image Chart Better Context Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Google Chart Geo Chart Image Chart Better Context Tutorial<\/p><\/div>\n<p>On top of yesterday&#8217;s <a title='Google Chart Geo Chart Image Chart Context Tutorial' href='#gcgcicct'>Google Chart Geo Chart Image Chart Context Tutorial<\/a> efforts regarding <a target=_blank title='Google Chart' href='https:\/\/developers.google.com\/chart\/'>Google Chart<\/a> <a target=_blank title='Google Chart Geo Chart information' href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/geochart'>Geo Chart<\/a> and <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 Charts Image Chart' href='https:\/\/developers.google.com\/chart\/image\/docs\/gallery\/chart_gall'>Image Chart<\/a> Map Chart context we want to add layers of &#8230;<\/p>\n<ul>\n<li><a target=_blank title='Google Chart Geo Chart information' href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/geochart'>Geo Chart<\/a> default &#8220;country shaded mode&#8221; mode of use &#8230;<\/li>\n<li>image <a target=_blank title='HTML map element information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tag_map.asp'>map<\/a> (today confined to &#8230;<br \/>\n&lt;?php<br \/>\n<code><br \/>\n$prechartdiv=\"\";<br \/>\n$postchartdiv=\"\";<br \/>\n$xiso='iso';<br \/>\n$xxiso='';<br \/>\n$cdefascr='';<br \/>\nif (isset($_POST['title']) || $justrand) {<br \/>\n        $ibps=1;<br \/>\n        foreach ($_POST as $name =&gt; $val) {<br \/>\n          if ($name == \"data\" && !isset($_POST['question']) && !isset($_POST['guess']) && !isset($_POST['titlequiz'])) {<br \/>\n            if (strpos(urldecode($_POST[$name]), \"|\") === false && strpos(urldecode($_POST[$name]), \"~\") !== false && $_POST[$name] != '') {<br \/>\n              $prechartdiv=\"&lt;table cellpadding=5 cellspacing=5 style='margin:0 0 0 0;'&gt;&lt;tr&gt;&lt;td style='vertical-align:top;margin:0 0 0 0;' id=tdleft&gt;\";<br \/>\n              $bps=explode('~', urldecode($_POST[$name]));<br \/>\n              $bandp=$bps[1];<br \/>\n              $isregional=false;<br \/>\n              if (isset($_POST['regional'])) { $isregional=true;  }<br \/>\n              $theframeoh='';<br \/>\n              if (strpos($bps[$ibps], '-') !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_POST['data']=str_replace($bps[$ibps], explode('-', $bps[$ibps])[0],$_POST['data']);<br \/>\n              } else if (strpos($bps[$ibps], urlencode('-')) !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_POST['data']=str_replace($bps[$ibps], explode(urlencode('-'), $bps[$ibps])[0],$_POST['data']);<br \/>\n              }<br \/>\n              for ($ibps=3; $ibps&lt;sizeof($bps); $ibps+=2) {<br \/>\n                $bandp.=\"|\" . $bps[$ibps];<br \/>\n                if (strpos($bps[$ibps], '-') !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_POST['data']=str_replace($bps[$ibps], explode('-', $bps[$ibps])[0],$_POST['data']);<br \/>\n                } else if (strpos($bps[$ibps], urlencode('-')) !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_POST['data']=str_replace($bps[$ibps], explode(urlencode('-'), $bps[$ibps])[0],$_POST['data']);<br \/>\n                }<br \/>\n              }<br \/>\n              if (!isset($_POST['onclick'])) {  $_POST['onclick']='y';  }<br \/>\n              if ($isregional) {<br \/>\n              if (file_exists($_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'defascr.js')) {<br \/>\n                 unlink($_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'defascr.js');<br \/>\n              }<br \/>\n              $cdefascr='&lt;script type=\"text\/javascript\" src=\"\/defascr.js?rand=' . rand(0,175647685786) . '\" defer&gt;&lt;\/script&gt;';<br \/>\n              $theframeoh=\"&lt;img onload=\\\"document.getElementById('od2').style.width=over('100%');\\\" style='margin:0 0 0 0;width:530px;height:350px;' src='\/\/www.rjmprogramming.com.au\/ITblog\/550\/350\/?cht=map&chld=\" . $bandp . \"&chco=B3BCC0|5781AE|FF0000|FFC726|885E80|518274|A3BCC0|4781AE|EF0000|EFC726|785E80|418274&tellmecorners=y' id=kmap usemap=#imap&gt;&lt;\/img&gt;<font color=blue>&lt;map name=imap id=imap&gt;&lt;area onmouseover=defaover(event); onclick=defaclick(event); shape='default' nohref&gt;&lt;\/area&gt;&lt;\/map&gt;<\/font>\";<br \/>\n              $prechartdiv=\"&lt;table cellpadding=5 cellspacing=5 style='margin:0 0 0 0;' id=tdleft&gt;&lt;tr&gt;&lt;td style='vertical-align:top;margin:0 0 0 0;'&gt;\" . $theframeoh . \"&lt;\/td&gt;&lt;td style=vertical-align:top; id=tdright&gt;\";<br \/>\n              $postchartdiv=\"&lt;\/td&gt;&lt;\/tr&gt;&lt;\/table&gt;\";<br \/>\n              } else {<br \/>\n              $theframeoh=\"&lt;iframe onload=\\\"document.getElementById('od2').style.width='100%';\\\" style='margin:0 0 0 0;width:600px;height:400px;' src='\/\/www.rjmprogramming.com.au\/ITblog\/550\/350\/?cht=map&chld=\" . $bandp . \"&chco=B3BCC0|5781AE|FF0000|FFC726|885E80|518274|A3BCC0|4781AE|EF0000|EFC726|785E80|418274'&gt;&lt;\/iframe&gt;\";<br \/>\n              $postchartdiv=\"&lt;\/td&gt;&lt;td style=vertical-align:top; id=tdright&gt;\" . $theframeoh . \"&lt;\/td&gt;&lt;\/tr&gt;&lt;\/table&gt;\";<br \/>\n              }<br \/>\n            }<br \/>\n          }<br \/>\n          if ($name != \"rand\") {  $justrand=false; }<br \/>\n          if ($name != \"iso\" && substr(($name . '   '),0,3) == 'iso') {<br \/>\n            $xiso=$name;<br \/>\n            $xxiso=$name;<br \/>\n          } else if ($name == 'iso' && $xxiso == '') {<br \/>\n            $xxiso=$name;<br \/>\n          }<br \/>\n        }<br \/>\n}<br \/>\nif (isset($_GET['title']) || $justrand) {<br \/>\n        $ibps=1;<br \/>\n        foreach ($_GET as $name =&gt; $val) {<br \/>\n          if ($name == \"data\" && !isset($_GET['question']) && !isset($_GET['guess']) && !isset($_GET['titlequiz'])) {<br \/>\n            if (strpos(urldecode($_GET[$name]), \"|\") === false && strpos(urldecode($_GET[$name]), \"~\") !== false && $_GET[$name] != '') {<br \/>\n              $prechartdiv=\"&lt;table cellpadding=5 cellspacing=5 style='margin:0 0 0 0;'&gt;&lt;tr&gt;&lt;td style='vertical-align:top;margin:0 0 0 0;' id=tdleft&gt;\";<br \/>\n              $bps=explode('~', urldecode($_GET[$name]));<br \/>\n              $bandp=$bps[1];<br \/>\n              $isregional=false;<br \/>\n              if (isset($_GET['regional'])) { $isregional=true;  }<br \/>\n              $theframeoh='';<br \/>\n              if (strpos($bps[$ibps], '-') !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_GET['data']=str_replace($bps[$ibps], explode('-', $bps[$ibps])[0],$_GET['data']);<br \/>\n              } else if (strpos($bps[$ibps], urlencode('-')) !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_GET['data']=str_replace($bps[$ibps], explode(urlencode('-'), $bps[$ibps])[0],$_GET['data']);<br \/>\n              }<br \/>\n              for ($ibps=3; $ibps&lt;sizeof($bps); $ibps+=2) {<br \/>\n                $bandp.=\"|\" . $bps[$ibps];<br \/>\n                if (strpos($bps[$ibps], '-') !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_GET['data']=str_replace($bps[$ibps], explode('-', $bps[$ibps])[0],$_GET['data']);<br \/>\n                } else if (strpos($bps[$ibps], urlencode('-')) !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_GET['data']=str_replace($bps[$ibps], explode(urlencode('-'), $bps[$ibps])[0],$_GET['data']);<br \/>\n                }<br \/>\n              }<br \/>\n              if (!isset($_GET['onclick'])) {  $_GET['onclick']='y';  }<br \/>\n              if ($isregional) {<br \/>\n              if (file_exists($_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'defascr.js')) {<br \/>\n                 unlink($_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'defascr.js');<br \/>\n              }<br \/>\n              $cdefascr='&lt;script type=\"text\/javascript\" src=\"\/defascr.js?rand=' . rand(0,175647685786) . '\" defer&gt;&lt;\/script&gt;';<br \/>\n              $theframeoh=\"&lt;img onload=\\\"document.getElementById('od2').style.width=over('100%');\\\" style='margin:0 0 0 0;width:530px;height:350px;' src='\/\/www.rjmprogramming.com.au\/ITblog\/550\/350\/?cht=map&chld=\" . $bandp . \"&chco=B3BCC0|5781AE|FF0000|FFC726|885E80|518274|A3BCC0|4781AE|EF0000|EFC726|785E80|418274&tellmecorners=y' id=kmap usemap=#imap&gt;&lt;\/img&gt;<font color=blue>&lt;map name=imap id=imap&gt;&lt;area onmouseover=defaover(event); onclick=defaclick(event); shape='default' nohref&gt;&lt;\/area&gt;&lt;\/map&gt;<\/font>\";<br \/>\n              $prechartdiv=\"&lt;table cellpadding=5 cellspacing=5 style='margin:0 0 0 0;' id=tdleft&gt;&lt;tr&gt;&lt;td style='vertical-align:top;margin:0 0 0 0;'&gt;\" . $theframeoh . \"&lt;\/td&gt;&lt;td style=vertical-align:top; id=tdright&gt;\";<br \/>\n              $postchartdiv=\"&lt;\/td&gt;&lt;\/tr&gt;&lt;\/table&gt;\";<br \/>\n              } else {<br \/>\n              $postchartdiv=\"&lt;\/td&gt;&lt;td style=vertical-align:top; id=tdright&gt;\" . $theframeoh . \"&lt;\/td&gt;&lt;\/tr&gt;&lt;\/table&gt;\";<br \/>\n              }<br \/>\n            }<br \/>\n          }<br \/>\n          if ($name != \"rand\") {  $justrand=false; }<br \/>\n          if ($name != \"iso\" && substr(($name . '   '),0,3) == 'iso') {<br \/>\n            $xiso=$name;<br \/>\n            $xxiso=$name;<br \/>\n          } else if ($name == 'iso' && $xxiso == '') {<br \/>\n            $xxiso=$name;<br \/>\n          }<br \/>\n        }<br \/>\n}<br \/>\n<\/code><br \/>\n?&gt;<br \/>\n  &#8230; default area thinking, for now)<\/li>\n<li>onmouseover and onclick event logic<\/li>\n<li>404.php (<font size=1>this<\/font> WordPress blog) error processing PHP <a target=_blank title='GD and Image Functions' href='http:\/\/php.net\/manual\/en\/ref.image.php'>GD<\/a> <a target=_blank title='PHP GD imagecolorat' href='https:\/\/www.php.net\/manual\/en\/function.imagecolorat.php'>imagecolorat<\/a> &#8220;intelligence adding&#8221; functionality <font color=blue>extensions<\/font> &#8230;<br \/>\n&lt;?php<br \/>\n<code><br \/>\n       $im = imagecreatefromstring(file_get_contents('ht<font color=black>tp:<\/font>\/\/chart.googleapis.com\/chart' . explode('&text1=', $theqs)[0]));<br \/>\n       <br \/>\n       <font color=blue>if (isset($_GET['tellmecorners']) || isset($_POST['tellmecorners'])) {<br \/>\n       $alertstr='Please Watch this Space.';<br \/>\n       \/\/file_put_contents($_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'defascr.js', ' function defaclick(evt) { alert(\"' . $alertstr . '\"); }  function defaover(evt) { evt.target.title=\"' . $alertstr . '\";  } ');<br \/>\n       $alp=\"0123456789ABCDEF\";<br \/>\n       $anymore='';<br \/>\n       $ideally=0;<br \/>\n       if (isset($_GET['chld']) || isset($_POST['chld'])) {<br \/>\n       $cntryst='';<br \/>\n       $cntrysts=[];<br \/>\n       if (isset($_GET['chco'])) {<br \/>\n       $cntryst=(str_replace('+',' ',urldecode($_GET['chld'])));<br \/>\n       } else if (isset($_POST['chco'])) {<br \/>\n       $cntryst=(str_replace('+',' ',urldecode($_POST['chld'])));<br \/>\n       }<br \/>\n       $cntrysts=explode('|', $cntryst);<br \/>\n       for ($iok=0; $iok&lt;sizeof($cntrysts); $iok++) {<br \/>\n          $jjhuh=trim(file_get_contents('ht<font color=blue>tp:<\/font>\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php?match=' . $cntrysts[$iok]));<br \/>\n          if ($jjhuh != '') {<br \/>\n             $cntrysts[$iok]=$jjhuh;<br \/>\n          }<br \/>\n       }<br \/>\n       $ideally=(-3 + (7 * sizeof($cntrysts)));<br \/>\n       if (isset($_GET['chco']) || isset($_POST['chco'])) {<br \/>\n       $colst='';<br \/>\n       $colsts=[];<br \/>\n       if (isset($_GET['chco'])) {<br \/>\n       $colst=strtoupper(str_replace('+',' ',urldecode($_GET['chco'])));<br \/>\n       } else if (isset($_POST['chco'])) {<br \/>\n       $colst=strtoupper(str_replace('+',' ',urldecode($_POST['chco'])));<br \/>\n       }<br \/>\n       if (strpos('~' . $colst, '~B3BCC0|') !== false) {<br \/>\n         $colst=substr($colst, 7);<br \/>\n       }<br \/>\n       $colsts=explode('|', $colst);<br \/>\n       $colst.='|gggggg|D0D0D0|FFFFFF|B3BCC0|';<br \/>\n$tlchex='gggggg';<br \/>\n$trchex='gggggg';<br \/>\n$blchex='gggggg';<br \/>\n$brchex='gggggg';<br \/>\n$blblurb='To top left is ';<br \/>\n$brblurb='To top right is ';<br \/>\n$tlblurb='To bottom left is ';<br \/>\n$trblurb='To top right is ';<br \/>\nfor ($ione=1; $ione&lt;=15; $ione++) {<br \/>\nif ($blchex == 'gggggg' || $blchex == 'D0D0D0' || $blchex == 'FFFFFF') {<br \/>\nfor ($iij=($ione - 0); $iij&lt;(($newWidth - $ione)); $iij++) {<br \/>\nif ($blchex == 'gggggg' || $blchex == 'D0D0D0' || $blchex == 'FFFFFF') {<br \/>\n$tlrgb = imagecolorat($im, $iij, ($ione - 1));<br \/>\nif ($tlrgb) {<br \/>\n$tlr = ($tlrgb &gt;&gt; 16) & 0xFF;<br \/>\n$tlg = ($tlrgb &gt;&gt; 8) & 0xFF;<br \/>\n$tlb = $tlrgb & 0xFF;<br \/>\n$blchex=substr(substr($alp,($tlr \/ 16)),0,1) . substr(substr($alp,($tlr % 16)),0,1) . substr(substr($alp,($tlg \/ 16)),0,1) . substr(substr($alp,($tlg % 16)),0,1) . substr(substr($alp,($tlb \/ 16)),0,1) . substr(substr($alp,($tlb % 16)),0,1);<br \/>\nif (strpos('|' . $colst, '|' . $blchex) !== false) {<br \/>\n  if (strlen(explode('|' . $blchex, '|' . $colst)[0]) &gt; $ideally) {<br \/>\n    $blchex='gggggg';<br \/>\n  } else if ($iij &gt; ($newWidth \/ 2)) {<br \/>\n    $blblurb='To top is ';<br \/>\n  } else if ($iij &gt; ($ione - 1)) {<br \/>\n    $blblurb='To left is ';<br \/>\n  }<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\nif ($brchex == 'gggggg' || $brchex == 'D0D0D0' || $brchex == 'FFFFFF') {<br \/>\nfor ($iij=($ione - 1); $iij&lt;(($newHeight - $ione)); $iij++) {<br \/>\nif ($brchex == 'gggggg' || $brchex == 'D0D0D0' || $brchex == 'FFFFFF' || $brchex == $blchex) {<br \/>\n$trrgb = imagecolorat($im, ($newWidth - $ione), $iij);<br \/>\nif ($trrgb) {<br \/>\n$trr = ($trrgb &gt;&gt; 16) & 0xFF;<br \/>\n$trg = ($trrgb &gt;&gt; 8) & 0xFF;<br \/>\n$trb = $trrgb & 0xFF;<br \/>\n$brchex=substr(substr($alp,($trr \/ 16)),0,1) . substr(substr($alp,($trr % 16)),0,1) . substr(substr($alp,($trg \/ 16)),0,1) . substr(substr($alp,($trg % 16)),0,1) . substr(substr($alp,($trb \/ 16)),0,1) . substr(substr($alp,($trb % 16)),0,1);<br \/>\nif (strpos('|' . $colst, '|' . $brchex) !== false) {<br \/>\n  if (strlen(explode('|' . $brchex, '|' . $colst)[0]) &gt; $ideally) {<br \/>\n    $brchex='gggggg';<br \/>\n  } else if ($iij &gt; ($newHeight \/ 2)) {<br \/>\n    $brblurb='To bottom is ';<br \/>\n  } else if ($iij &gt; ($ione - 1)) {<br \/>\n    $brblurb='To right is ';<br \/>\n  }<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\nif ($tlchex == 'gggggg' || $tlchex == 'D0D0D0' || $tlchex == 'FFFFFF') {<br \/>\nfor ($iij=($ione - 1); $iij&lt;(($newWidth - $ione)); $iij++) {<br \/>\nif ($tlchex == 'gggggg' || $tlchex == 'D0D0D0' || $tlchex == 'FFFFFF' || $tlchex == $blchex || $tlchex == $brchex) {<br \/>\n$blrgb = imagecolorat($im, $iij, ($newHeight - $ione));<br \/>\nif ($blrgb) {<br \/>\n$blr = ($blrgb &gt;&gt; 16) & 0xFF;<br \/>\n$blg = ($blrgb &gt;&gt; 8) & 0xFF;<br \/>\n$blb = $blrgb & 0xFF;<br \/>\n$tlchex=substr(substr($alp,($blr \/ 16)),0,1) . substr(substr($alp,($blr % 16)),0,1) . substr(substr($alp,($blg \/ 16)),0,1) . substr(substr($alp,($blg % 16)),0,1) . substr(substr($alp,($blb \/ 16)),0,1) . substr(substr($alp,($blb % 16)),0,1);<br \/>\nif (strpos(('|' . $colst), '|' . $tlchex) !== false) {<br \/>\n  if (strlen(explode('|' . $tlchex, '|' . $colst)[0]) &gt; $ideally) {<br \/>\n    $tlchex='gggggg';<br \/>\n  } else if ($iij &gt; ($newWidth \/ 2)) {<br \/>\n    $tlblurb='To right is ';<br \/>\n  } else if ($iij &gt; ($ione - 1)) {<br \/>\n    $tlblurb='To left is ';<br \/>\n  } else {<br \/>\n    $tlblurb='To bottom left at ' . $iij . ',' . ($newHeight - $ione) . ' is ';<br \/>\n  }  \/\/else if ($anymore == '') { $anymore=' ideally=' . $ideally . ' wrt colst=' . $colst . ' and found=' . explode('|' . $tlchex, $colst)[0];  }<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\nif ($trchex == 'gggggg' || $trchex == 'D0D0D0' || $trchex == 'FFFFFF') {<br \/>\nfor ($iij=($newHeight - $ione); $iij&gt;($ione - 1); $iij--) {<br \/>\nif ($trchex == 'gggggg' || $trchex == 'D0D0D0' || $trchex == 'FFFFFF' || $trchex == $blchex || $trchex == $brchex || $trchex == $tlchex) {<br \/>\n$brrgb = imagecolorat($im, ($newWidth - $ione), $iij);<br \/>\nif ($brrgb) {<br \/>\n$brr = ($brrgb &gt;&gt; 16) & 0xFF;<br \/>\n$brg = ($brrgb &gt;&gt; 8) & 0xFF;<br \/>\n$brb = $brrgb & 0xFF;<br \/>\n$trchex=substr(substr($alp,($brr \/ 16)),0,1) . substr(substr($alp,($brr % 16)),0,1) . substr(substr($alp,($brg \/ 16)),0,1) . substr(substr($alp,($brg % 16)),0,1) . substr(substr($alp,($brb \/ 16)),0,1) . substr(substr($alp,($brb % 16)),0,1);<br \/>\nif (strpos('|' . $colst, '|' . $trchex) !== false) {<br \/>\n  if (strlen(explode('|' . $trchex, '|' . $colst)[0]) &gt; $ideally) {<br \/>\n    $trchex='gggggg';<br \/>\n  } else if ($iij &gt; ($newHeight \/ 2)) {<br \/>\n    $trblurb='To top is ';<br \/>\n  } else if ($iij &gt; ($ione - 1)) {<br \/>\n    $trblurb='To right is ';<br \/>\n  }<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n       for ($ialert=0; $ialert&lt;sizeof($colsts); $ialert++) {<br \/>\n         if ($tlchex == $colsts[$ialert]) {<br \/>\n            $alertstr=str_replace('Please Watch this Space.', '', $alertstr);<br \/>\n            if (strpos($alertstr, ' is ' . $cntrysts[$ialert] . '.') === false) {<br \/>\n            $alertstr.=$tlblurb . $cntrysts[$ialert] . '. ';<br \/>\n            }<br \/>\n         } else if ($trchex == $colsts[$ialert]) {<br \/>\n            $alertstr=str_replace('Please Watch this Space.', '', $alertstr);<br \/>\n            if (strpos($alertstr, ' is ' . $cntrysts[$ialert] . '.') === false) {<br \/>\n            $alertstr.=$trblurb . $cntrysts[$ialert] . '. ';<br \/>\n            }<br \/>\n         } else if ($blchex == $colsts[$ialert]) {<br \/>\n            $alertstr=str_replace('Please Watch this Space.', '', $alertstr);<br \/>\n            if (strpos($alertstr, ' is ' . $cntrysts[$ialert] . '.') === false) {<br \/>\n            $alertstr.=$blblurb . $cntrysts[$ialert] . '. ';<br \/>\n            }<br \/>\n         } else if ($brchex == $colsts[$ialert]) {<br \/>\n            $alertstr=str_replace('Please Watch this Space.', '', $alertstr);<br \/>\n            if (strpos($alertstr, ' is ' . $cntrysts[$ialert] . '.') === false) {<br \/>\n            $alertstr.=$brblurb . $cntrysts[$ialert] . '. ';<br \/>\n            }<br \/>\n         } else if ($anymore == '' && trim($cntrysts[$ialert]) != '') {<br \/>\n            $anymore=' Also appearing is ' . $cntrysts[$ialert] . '. ';<br \/>\n         } else if (trim($cntrysts[$ialert]) != '') {<br \/>\n            $anymore=str_replace('. ', ', ' . $cntrysts[$ialert] . '. ', str_replace(' is ', ' are ', $anymore));<br \/>\n         }<br \/>\n       }<br \/>\n       if ($alertstr != 'Please Watch this Space.') {<br \/>\n         \/\/$alertstr.=' trcheck=' . $trchex;<br \/>\n         \/\/$alertstr.=' brcheck=' . $brchex;<br \/>\n         \/\/$alertstr.=' tlcheck=' . $tlchex;<br \/>\n         \/\/$alertstr.=' blcheck=' . $blchex;<br \/>\n         if ($anymore != '' && strpos($alertstr, 'To ') === false) {<br \/>\n           $anymore=str_replace('Also appear', 'Appear', $anymore);<br \/>\n         }<br \/>\n         $alertstr.=$anymore;<br \/>\n         file_put_contents($_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'defascr.js', ' function defaclick(evt) { alert(\"' . $alertstr . '\"); }  function defaover(evt) { evt.target.title=\"' . $alertstr . '\"; ' . \" document.getElementsByTagName('img')[0].title=\" . '\"' . $alertstr . '\";  } ');<br \/>\n       } else {<br \/>\n         \/\/$alertstr.=' trcheck=' . $trchex;<br \/>\n         \/\/$alertstr.=' brcheck=' . $brchex;<br \/>\n         \/\/$alertstr.=' tlcheck=' . $tlchex;<br \/>\n         \/\/$alertstr.=' blcheck=' . $blchex;<br \/>\n         if ($anymore != '' && strpos($alertstr, 'To ') === false) {<br \/>\n           $anymore=str_replace('Also appear', 'Appear', $anymore);<br \/>\n         }<br \/>\n         $alertstr.=$anymore;<br \/>\n         file_put_contents($_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'defascr.js', ' function defaclick(evt) { alert(\"' . $alertstr . '\"); }  function defaover(evt) { evt.target.title=\"' . $alertstr . '\";  } ');<br \/>\n       }<br \/>\n<br \/>\n       }<br \/>\n       }<br \/>\n       }<\/font><br \/>\n<\/code><br \/>\n?&gt;<br \/>\n &#8230; via &#8220;internal use only&#8221; external Javascript creation back to the parent client side via &#8230;\n<\/li>\n<li><a target=_blank title='Ajax information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Ajax_(programming)'>Ajax<\/a> dynamic Javascript implementation<br \/>\n&lt;?php echo &#8221;<br \/>\n<code><br \/>\n  function over(wht) {<br \/>\n      if (window.XMLHttpRequest) {<br \/>\n        myxhrthree = new window.XMLHttpRequest;<br \/>\n    }<br \/>\n    else {<br \/>\n  try {<br \/>\n    myxhrthree = new ActiveXObject('Msxml2.XMLHTTP');<br \/>\n  } catch (othermicrosoft) {<br \/>\n    try {<br \/>\n      myxhrthree = new ActiveXObject('Microsoft.XMLHTTP');<br \/>\n    } catch (failed) {<br \/>\n      myxhrthree = false;<br \/>\n    }<br \/>\n  }<br \/>\n\/\/alert(0);<br \/>\n  }<br \/>\n  if (myxhrthree) {<br \/>\n\/\/alert(5);<br \/>\n    myxhrthree.onreadystatechange = deferbackin;<br \/>\n\/\/alert(65);<br \/>\n    myxhrthree.open('GET', '\/defascr.js?rand=' + Math.floor(Math.random() * 195647654756), true);<br \/>\n\/\/alert(165);<br \/>\n    setTimeout(function(){ myxhrthree.send(null); }, 8000);<br \/>\n\/\/alert(265);<br \/>\n  }<br \/>\n  return wht;<br \/>\n  }<br \/>\n<br \/>\n  function deferbackin() {<br \/>\n  if (myxhrthree.readyState == 4) {<br \/>\n    if (myxhrthree.status == 200) {<br \/>\n   \/\/ alert(1);<br \/>\n      if (myxhrthree.responseText) {<br \/>\n      var tag = document.createElement('script');<br \/>\n      tag.innerHTML = myxhrthree.responseText;<br \/>\n      var firstScriptTag = document.getElementsByTagName('script')[0];<br \/>\n      \/\/firstScriptTag.parentNode.insertAfter(tag, firstScriptTag);<br \/>\n      firstScriptTag.insertAdjacentElement('afterend', tag);<br \/>\n        \/\/alert(myxhrthree.responseText);<br \/>\n      }<br \/>\n    }<br \/>\n  }<br \/>\n  }<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;\n<\/li>\n<li>argument <i>&#038;regional=y<\/i> forced involvement of <a target=_blank title='Google Charts Image Chart' href='https:\/\/developers.google.com\/chart\/image\/docs\/gallery\/chart_gall'>Image Chart<\/a> Map Chart using ISO-3166 <font color=blue>regional code<\/font> user entries &#8230;<br \/>\n&lt;?php echo &#8216;<br \/>\n<code><br \/>\n title = geoprompt(\"Enter Geo Map Title (background image URL or background image data URI ; separated ( followed by ; ) before title are available options (and suffix examples could be &amp;iso=BR for BR as example of ISO country code for Brazil or &amp;isoall=AU for regions of AU as country code of Australia or &amp;iso=US-NJ|CA-AB example of regions of interest and in beta is &amp;iso=De for continent view of Germany regions ready for user defined markers within the map), <font color=blue>and &amp;regional=y additionally shows Image Chart<\/font> and you can replace Survey with Quiz for a quiz, and you can prefix by a Region Code (eg. IT) (followed by ;) before title as an available options, and you can suffix by &amp;onclick=y for added onclick functionality and\/or &amp;region=145 to display Western Asia (for example) and\/or &amp;text=y to display text and\/or &amp;aregeographicals=y (or instead of y put an http marker image URL like http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/mapc64b.png) for you prefixing Labels by lat|long| values and\/or &amp;areplaces=y (or instead of y put a comma separated http marker image URL (or use hTtP for link but no image) or placename list (with ,+ usage indicating to plot a line)) for places (prefixable by the number part of an emoji HTML Entity (decimal)\teg. 128249 is video camera) rather than countries, Email Attachment Title suffixes are &amp;emailto=[emailTo] &amp;emailsubject=[EmailSubject] (and to make a quiz question for someone after all your entries also append (things like) &amp;guess=Brazil&amp;question=Which country had Tijuana brass?))\", \"' . str_replace(\"+\",\" \",urldecode($GETtitle)) . '\");<br \/>\n<\/code><br \/>\n&#8216;; ?&gt;\n<\/li>\n<li>ISO-3166 code mappings from code to region\/country names in image_chart.php logic (<a target=_blank title='ISO_3166-2 information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/ISO_3166-2'>Wikipedia<\/a> assisted, thanks), via new <i>match<\/i> argument usage &#8230;<br \/>\n&lt;?php<br \/>\n<code><br \/>\n\/\/<br \/>\n\/\/ up the top<br \/>\n\/\/<br \/>\nif (isset($_GET['match'])) {<br \/>\n               if (!isset($_GET['ccode'])) {<br \/>\n                 $_GET['ccode']=explode('-',explode(urlencode('-'), $_GET['match'])[0])[0];<br \/>\n                 if ($_GET['ccode'] == $_GET['match']) {<br \/>\n               for ($ihuh=0; $ihuh&lt;sizeof($iso_country_codes); $ihuh+=2) {<br \/>\n                 if (strtoupper(explode('-', $_GET['ccode'])[0]) == strtoupper($iso_country_codes[$ihuh])) {<br \/>\n                  echo $iso_country_codes[1 + $ihuh];<br \/>\n                  exit;<br \/>\n                 }<br \/>\n               }<br \/>\n                 }<br \/>\n               }<br \/>\n} else if (isset($_POST['match'])) {<br \/>\n               if (!isset($_POST['ccode'])) {<br \/>\n                 $_POST['ccode']=explode('-',explode(urlencode('-'), $_POST['match'])[0])[0];<br \/>\n                 if ($_POST['ccode'] == $_POST['match']) {<br \/>\n               for ($ihuh=0; $ihuh&gt;sizeof($iso_country_codes); $ihuh+=2) {<br \/>\n                 if (strtoupper(explode('-', $_POST['ccode'])[0]) == strtoupper($iso_country_codes[$ihuh])) {<br \/>\n                  echo $iso_country_codes[1 + $ihuh];<br \/>\n                  exit;<br \/>\n                 }<br \/>\n               }<br \/>\n                 }<br \/>\n               }<br \/>\n}<br \/>\n\/\/<br \/>\n\/\/ ... as $thisstate gets defined<br \/>\n\/\/<br \/>\n           if (isset($_GET['match'])) {<br \/>\n             if ($thiscode == urldecode($_GET['match']) && $thisstate != '') {<br \/>\n               for ($ihuh=0; $ihuh&lt;sizeof($iso_country_codes); $ihuh+=2) {<br \/>\n                 if (strtoupper(explode('-', $thiscode)[0]) == strtoupper($iso_country_codes[$ihuh])) {<br \/>\n                  echo $thisstate . ' (' . $iso_country_codes[1 + $ihuh] . ')';<br \/>\n                  exit;<br \/>\n                 }<br \/>\n               }<br \/>\n               echo $thisstate;<br \/>\n               exit;<br \/>\n             } \/\/else {<br \/>\n               \/\/echo '*' . $thiscode . '*';<br \/>\n               \/\/exit;<br \/>\n             \/\/}<br \/>\n           } else if (isset($_POST['match'])) {<br \/>\n             if ($thiscode == urldecode($_POST['match']) && $thisstate != '') {<br \/>\n               for ($ihuh=0; $ihuh&lt;sizeof($iso_country_codes); $ihuh+=2) {<br \/>\n                 if (strtoupper(explode('-', $thiscode)[0]) == strtoupper($iso_country_codes[$ihuh])) {<br \/>\n                  echo $thisstate . ' (' . $iso_country_codes[1 + $ihuh] . ')';<br \/>\n                  exit;<br \/>\n                 }<br \/>\n               }<br \/>\n               echo $thisstate;<br \/>\n               exit;<br \/>\n             } \/\/else {<br \/>\n               \/\/echo '*' . $thiscode . '*';<br \/>\n               \/\/exit;<br \/>\n             \/\/}<br \/>\n           }<br \/>\n\/\/<br \/>\n\/\/ near the end before usual navigations away<br \/>\n\/\/<br \/>\n           if (isset($_GET['match'])) {<br \/>\n               echo '';<br \/>\n               exit;<br \/>\n           } else if (isset($_POST['match'])) {<br \/>\n               echo '';<br \/>\n               exit;<br \/>\n           }<br \/>\n<\/code><br \/>\n?&gt;\n<\/li>\n<\/ul>\n<p> &#8230; combining and augmenting each other to produce a more useful non-mobile &#8220;onmouseover&#8221; event (ie. on hover) and\/or everyone&#8217;s &#8220;onclick&#8221; event user experience in &#8230;<\/p>\n<ul>\n<li><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php---------------------------------------------------------------GETME\" title=\"geo_chart.php\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php---------------------------------------------------------------GETME\" title=\"geo_chart.php\">geo_chart.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php\" title=\"Click picture\">Geo Chart interfacer<\/a><\/li>\n<li><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php----------GETME\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php----------GETME\">image_chart.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php\">Google Chart Image Chart Map Chart interfacer<\/a><\/li>\n<\/ul>\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\/google-chart-geo-chart-image-chart--better-context-tutorial\/'>Google Chart Geo Chart Image Chart Better Context Tutorial<\/a>.<\/p-->\n<hr>\n<p id='gcgcicct'>Previous relevant <a target=_blank title='Google Chart Geo Chart Image Chart Context Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-geo-chart-image-chart-context-tutorial\/'>Google Chart Geo Chart Image Chart Context 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\/GeoChart\/geo_chart.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Google Chart Geo Chart Image Chart Context Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart_shading_mode_image_chart.gif\" title=\"Google Chart Geo Chart Image Chart Context Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Google Chart Geo Chart Image Chart Context Tutorial<\/p><\/div>\n<p>At its essence the <a target=_blank title='Google Chart' href='https:\/\/developers.google.com\/chart\/'>Google Chart<\/a> <a target=_blank title='Google Chart Geo Chart information' href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/geochart'>Geo Chart<\/a> functions in one of two ways &#8230;<\/p>\n<ol>\n<li>&#8220;the shading of countries of interest&#8221; we first coded for as an interfacing mode of use &#8230; but later we realized it could also function as a &#8230;<\/li>\n<li>&#8220;plot markers on world view maps&#8221; or &#8220;plot markers on country view maps&#8221;<\/li>\n<\/ol>\n<p> &#8230; and with today&#8217;s work ideas we go back to that first &#8220;shading of countries of interest&#8221; mode of use, and start to augment &#8230;<\/p>\n<ul>\n<li>view<\/li>\n<li>zoom level<\/li>\n<li>context<\/li>\n<\/ul>\n<p> &#8230; possibilities by adding a newly shown <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 Charts Image Chart' href='https:\/\/developers.google.com\/chart\/image\/docs\/gallery\/chart_gall'>Image Chart<\/a> Map Chart into the mix, even to that &#8220;context&#8221; level of mixing up ISO-3166 regional codes (eg. US-FL Florida is used in today&#8217;s animated GIF presentation involving &#8230;<\/p>\n<p><code><br \/>\n<a target=_blank title='https:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php?title=My%20World%20Survey&#038;width=556&#038;qx=aaaag&#038;height=347&#038;country=Country&#038;popularity=Popularity&#038;data=%20[~BL~,56]%20,%20[~KN~,78]%20,%20[~LC~,79]%20,%20[~MQ~,79]%20,%20[~US-FL~,82]' href='https:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php?title=My%20World%20Survey&#038;width=556&#038;qx=aaaag&#038;height=347&#038;country=Country&#038;popularity=Popularity&#038;data=%20[~BL~,56]%20,%20[~KN~,78]%20,%20[~LC~,79]%20,%20[~MQ~,79]%20,%20[~US-FL~,82]'>https:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php?title=My%20World%20Survey&width=556&qx=aaaag&height=347&country=Country&popularity=Popularity&data=%20[~BL~,56]%20,%20[~KN~,78]%20,%20[~LC~,79]%20,%20[~MQ~,79]%20,%20[~US-FL~,82]<\/a><br \/>\n<\/code><\/p>\n<p><iframe style='width:100%;height:600px;' title='https:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php?title=My%20World%20Survey&#038;width=556&#038;qx=aaaag&#038;height=347&#038;country=Country&#038;popularity=Popularity&#038;data=%20[~BL~,56]%20,%20[~KN~,78]%20,%20[~LC~,79]%20,%20[~MQ~,79]%20,%20[~US-FL~,82]' src='https:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php?title=My%20World%20Survey&#038;width=556&#038;qx=aaaag&#038;height=347&#038;country=Country&#038;popularity=Popularity&#038;data=%20[~BL~,56]%20,%20[~KN~,78]%20,%20[~LC~,79]%20,%20[~MQ~,79]%20,%20[~US-FL~,82]'><\/iframe><\/p>\n<p> &#8230; with some small Caribbean island nation ISO 2 letter country codes in &#8220;the context of&#8221; a Caribbean island map where nations which are too small to show on your usual &#8220;shading of countries of interest&#8221; Geo Chart world view map can show on an Image Chart <font size=1>(albeit very small)<\/font>).<\/p>\n<p>To allow for this we example $_GET or $_POST incoming arguments <font color=blue>as per<\/font> &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n<font color=blue>$prechartdiv=\"\";<br \/>\n$postchartdiv=\"\";<\/font><br \/>\n$xiso='iso';<br \/>\n$xxiso='';<br \/>\nif (isset($_POST['title']) || $justrand) {<br \/>\n        <font color=blue>$ibps=1;<\/font><br \/>\n        foreach ($_POST as $name =&gt; $val) {<br \/>\n          <font color=blue>if ($name == \"data\" && !isset($_POST['question']) && !isset($_POST['guess']) && !isset($_POST['titlequiz'])) {<br \/>\n            if (strpos(urldecode($_POST[$name]), \"|\") === false && strpos(urldecode($_POST[$name]), \"~\") !== false && $_POST[$name] != '') {<br \/>\n              $prechartdiv=\"&lt;table cellpadding=5 cellspacing=5 style='margin:0 0 0 0;'&gt;&lt;tr&gt;&lt;td style='vertical-align:top;margin:0 0 0 0;' id=tdleft&gt;\";<br \/>\n              $bps=explode('~', urldecode($_POST[$name]));<br \/>\n              $bandp=$bps[1];<br \/>\n              $isregional=false;<br \/>\n              $theframeoh='';<br \/>\n              if (strpos($bps[$ibps], '-') !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_POST['data']=str_replace($bps[$ibps], explode('-', $bps[$ibps])[0],$_POST['data']);<br \/>\n              } else if (strpos($bps[$ibps], urlencode('-')) !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_POST['data']=str_replace($bps[$ibps], explode(urlencode('-'), $bps[$ibps])[0],$_POST['data']);<br \/>\n              }<br \/>\n              for ($ibps=3; $ibps&lt;sizeof($bps); $ibps+=2) {<br \/>\n                $bandp.=\"|\" . $bps[$ibps];<br \/>\n                if (strpos($bps[$ibps], '-') !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_POST['data']=str_replace($bps[$ibps], explode('-', $bps[$ibps])[0],$_POST['data']);<br \/>\n                } else if (strpos($bps[$ibps], urlencode('-')) !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_POST['data']=str_replace($bps[$ibps], explode(urlencode('-'), $bps[$ibps])[0],$_POST['data']);<br \/>\n                }<br \/>\n              }<br \/>\n              $theframeoh=\"&lt;iframe onload=\\\"document.getElementById('od2').style.width='100%';\\\" style='margin:0 0 0 0;width:600px;height:400px;' src='\/\/www.rjmprogramming.com.au\/ITblog\/550\/350\/?cht=map&chld=\" . $bandp . \"&chco=B3BCC0|5781AE|FF0000|FFC726|885E80|518274|A3BCC0|4781AE|EF0000|EFC726|785E80|418274'&gt;&lt;\/iframe&gt;\";<br \/>\n              if ($isregional) {<br \/>\n              $prechartdiv=\"&lt;table cellpadding=5 cellspacing=5 style='margin:0 0 0 0;' id=tdleft&gt;&lt;tr&gt;&lt;td style='vertical-align:top;margin:0 0 0 0;'&gt;\" . $theframeoh . \"&lt;\/td&gt;&lt;td style=vertical-align:top; id=tdright&gt;\";<br \/>\n              $postchartdiv=\"&lt;\/td&gt;&lt;\/tr&gt;&lt;\/table&gt;\";<br \/>\n              } else {<br \/>\n              $postchartdiv=\"&lt;\/td&gt;&lt;td style=vertical-align:top; id=tdright&gt;\" . $theframeoh . \"&lt;\/td&gt;&lt;\/tr&gt;&lt;\/table&gt;\";<br \/>\n              }<br \/>\n            }<br \/>\n          }<\/font><br \/>\n          if ($name != \"rand\") {  $justrand=false; }<br \/>\n          if ($name != \"iso\" && substr(($name . '   '),0,3) == 'iso') {<br \/>\n            $xiso=$name;<br \/>\n            $xxiso=$name;<br \/>\n          } else if ($name == 'iso' && $xxiso == '') {<br \/>\n            $xxiso=$name;<br \/>\n          }<br \/>\n        }<br \/>\n}<br \/>\nif (isset($_GET['title']) || $justrand) {<br \/>\n        <font color=blue>$ibps=1;<\/font><br \/>\n        foreach ($_GET as $name =&gt; $val) {<br \/>\n          <font color=blue>if ($name == \"data\" && !isset($_GET['question']) && !isset($_GET['guess']) && !isset($_GET['titlequiz'])) {<br \/>\n            if (strpos(urldecode($_GET[$name]), \"|\") === false && strpos(urldecode($_GET[$name]), \"~\") !== false && $_GET[$name] != '') {<br \/>\n              $prechartdiv=\"&lt;table cellpadding=5 cellspacing=5 style='margin:0 0 0 0;'&gt;&lt;tr&gt;&lt;td style='vertical-align:top;margin:0 0 0 0;' id=tdleft&gt;\";<br \/>\n              $bps=explode('~', urldecode($_GET[$name]));<br \/>\n              $bandp=$bps[1];<br \/>\n              $isregional=false;<br \/>\n              $theframeoh='';<br \/>\n              if (strpos($bps[$ibps], '-') !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_GET['data']=str_replace($bps[$ibps], explode('-', $bps[$ibps])[0],$_GET['data']);<br \/>\n              } else if (strpos($bps[$ibps], urlencode('-')) !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_GET['data']=str_replace($bps[$ibps], explode(urlencode('-'), $bps[$ibps])[0],$_GET['data']);<br \/>\n              }<br \/>\n              for ($ibps=3; $ibps&lt;sizeof($bps); $ibps+=2) {<br \/>\n                $bandp.=\"|\" . $bps[$ibps];<br \/>\n                if (strpos($bps[$ibps], '-') !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_GET['data']=str_replace($bps[$ibps], explode('-', $bps[$ibps])[0],$_GET['data']);<br \/>\n                } else if (strpos($bps[$ibps], urlencode('-')) !== false) {<br \/>\n                   $isregional=true;<br \/>\n                   $_GET['data']=str_replace($bps[$ibps], explode(urlencode('-'), $bps[$ibps])[0],$_GET['data']);<br \/>\n                }<br \/>\n              }<br \/>\n              $theframeoh=\"&lt;iframe onload=\\\"document.getElementById('od2').style.width='100%';\\\" style='margin:0 0 0 0;width:600px;height:400px;' src='\/\/www.rjmprogramming.com.au\/ITblog\/550\/350\/?cht=map&chld=\" . $bandp . \"&chco=B3BCC0|5781AE|FF0000|FFC726|885E80|518274|A3BCC0|4781AE|EF0000|EFC726|785E80|418274'&gt;&lt;\/iframe&gt;\";<br \/>\n              if ($isregional) {<br \/>\n              $prechartdiv=\"&lt;table cellpadding=5 cellspacing=5 style='margin:0 0 0 0;' id=tdleft&gt;&lt;tr&gt;&lt;td style='vertical-align:top;margin:0 0 0 0;'&gt;\" . $theframeoh . \"&lt;\/td&gt;&lt;td style=vertical-align:top; id=tdright&gt;\";<br \/>\n              $postchartdiv=\"&lt;\/td&gt;&lt;\/tr&gt;&lt;\/table&gt;\";<br \/>\n              } else {<br \/>\n              $postchartdiv=\"&lt;\/td&gt;&lt;td style=vertical-align:top; id=tdright&gt;\" . $theframeoh . \"&lt;\/td&gt;&lt;\/tr&gt;&lt;\/table&gt;\";<br \/>\n              }<br \/>\n            }<br \/>\n          }<\/font><br \/>\n          if ($name != \"rand\") {  $justrand=false; }<br \/>\n          if ($name != \"iso\" && substr(($name . '   '),0,3) == 'iso') {<br \/>\n            $xiso=$name;<br \/>\n            $xxiso=$name;<br \/>\n          } else if ($name == 'iso' && $xxiso == '') {<br \/>\n            $xxiso=$name;<br \/>\n          }<br \/>\n        }<br \/>\n}<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; further to yesterday&#8217;s <a title='Google Chart Image Chart Map Chart Mobile Views Tutorial' href='#gcicmcmvt'>Google Chart Image Chart Map Chart Mobile Views Tutorial<\/a>, feature in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php--------------------------------------------------------------GETME\" title=\"geo_chart.php\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php--------------------------------------------------------------GETME\" title=\"geo_chart.php\">geo_chart.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php\" title=\"Click picture\">Geo Chart interfacer<\/a>.<\/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\/google-chart-geo-chart-image-chart-context-tutorial\/'>Google Chart Geo Chart Image Chart Context Tutorial<\/a>.<\/p-->\n<hr>\n<p id='gcicmcmvt'>Previous relevant <a target=_blank title='Google Chart Image Chart Map Chart Mobile Views Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-mobile-views-tutorial\/'>Google Chart Image Chart Map Chart Mobile Views 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\/GeoChart\/geo_chart.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Google Chart Image Chart Map Chart Mobile Views Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart_mobile_views.jpg\" title=\"Google Chart Image Chart Map Chart Mobile Views Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Google Chart Image Chart Map Chart Mobile Views Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a title='Google Chart Image Chart Map Chart Country View Tutorial' href='#gcicmccvt'>Google Chart Image Chart Map Chart Country View Tutorial<\/a> &#8230;<\/p>\n<ul>\n<li>country view &#8230; and before that &#8230;<\/li>\n<li>continent<sub>al<\/sub> view<\/li>\n<\/ul>\n<p> &#8230; you may have noticed, relied on hashtag navigation, which had not been coded for, regarding the quirks of the mobile platform navigations.  And so today, as the &#8220;beta phase&#8221; of these views continues, <font color=blue>we&#8217;ve added, where PHP server meets Javascript client hashtag visibility<\/font> &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n  if (!isset($_POST['data'])) {<br \/>\n  echo \"<br \/>\n   if (document.URL.indexOf('nojwin') == -1 && navigator.userAgent.match(\/iPhone|iPad\/i)) {<br \/>\n     <font color=blue>if (('' + location.hash).indexOf('title=') == -1) {<\/font><br \/>\n     if (document.URL.indexOf('?') == -1) {<br \/>\n       location.href=document.URL.split('#')[0] + '?nojwin=Q';<br \/>\n     } else {<br \/>\n       location.href=document.URL.split('#')[0] + '&nojwin=Q';<br \/>\n     }<br \/>\n     <font color=blue>}<\/font><br \/>\n   }<br \/>\n   \";<br \/>\n  }<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; to remedy this problem, no longer happening in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php-------------------------------------------------------------GETME\" title=\"geo_chart.php\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php-------------------------------------------------------------GETME\" title=\"geo_chart.php\">geo_chart.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php\" title=\"Click picture\">Geo Chart interfacer<\/a>, also changing for more &#8220;beta phase&#8221; view discovery &#8220;slog&#8221;.<\/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\/google-chart-image-chart-map-chart-mobile-views-tutorial\/'>Google Chart Image Chart Map Chart Mobile Views Tutorial<\/a> ...<\/p-->\n<hr>\n<p id='gcicmccvt'>Previous relevant <a target=_blank title='Google Chart Image Chart Map Chart Country View Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-country-view-tutorial\/'>Google Chart Image Chart Map Chart Country View 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\/GeoChart\/geo_chart.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Google Chart Image Chart Map Chart Country View Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart_country_view.jpg\" title=\"Google Chart Image Chart Map Chart Country View Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Google Chart Image Chart Map Chart Country View Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a title='Google Chart Image Chart Map Chart Plotting Tutorial' href='#gcicmcpt'>Google Chart Image Chart Map Chart Plotting Tutorial<\/a> mentioned that &#8230;<\/p>\n<ul>\n<li>in addition to the &#8220;beta&#8221; <i>&#038;iso=De<\/i> style continent<sub>al<\/sub> view of yesterday &#8230; we wanted to, and start today, to code for &#8230;<\/li>\n<li>a &#8220;beta&#8221; <i>&#038;iso=DE&#038;aregeographicals=y<\/i> means by which we can plot user defined places (as markers) into a &#8220;region showing&#8221; country view map in a <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 Charts Image Chart' href='https:\/\/developers.google.com\/chart\/image\/docs\/gallery\/chart_gall'>Image Chart<\/a> Map Chart<\/li>\n<\/ul>\n<p>It was a hard slog getting to a harder slog, that is country dependent, so we&#8217;ll let you know when out of &#8220;beta&#8221; regarding its use.  In the meantime, maybe you want to try below, by changing last two ISO-3166 country code characters (as required, and answer ensuing questions) &#8230;<\/p>\n<p><code contenteditable=true onblur=\"window.open(this.innerHTML.replace(\/\\&#038;nbsp\\;\/g,' ').trim().replace('rand=','rand=0').replace('=' + this.innerHTML.split('title=')[1].substring(0,2), '=' + this.innerHTML.replace(\/\\&#038;nbsp\\;\/g,' ').trim().slice(-2)).replace('%26iNOWAYso%3D' + this.innerHTML.split('%26iso%3D')[1].substring(0,2), '%26iso%3D' + this.innerHTML.replace(\/\\&#038;nbsp\\;\/g,' ').trim().slice(-2)), '_blank', 'top=50,left=50,width=800,height=800');\">https:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/?rand=1247746316#title=US%3BMy%20World%20Survey%26aregeographicals%3Dy%26iso%3DUS<\/code> <\/p>\n<p> &#8230; in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php------------------------------------------------------------GETME\" title=\"geo_chart.php\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php------------------------------------------------------------GETME\" title=\"geo_chart.php\">geo_chart.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php\" title=\"Click picture\">Geo Chart interfacer<\/a>.<\/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\/google-chart-image-chart-map-chart-country-view-tutorial\/'>Google Chart Image Chart Map Chart Country View Tutorial<\/a>.<\/p-->\n<hr>\n<p id='gcicmcpt'>Previous relevant <a target=_blank title='Google Chart Image Chart Map Chart Plotting Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-plotting-tutorial\/'>Google Chart Image Chart Map Chart Plotting 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\/GeoChart\/geo_chart.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Google Chart Image Chart Map Chart Plotting Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/regional_map_plotting.gif\" title=\"Google Chart Image Chart Map Chart Plotting Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Google Chart Image Chart Map Chart Plotting Tutorial<\/p><\/div>\n<p>In this current blog thread we&#8217;ve realized along the way that to combine &#8230;<\/p>\n<ul>\n<li>talents of <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 Charts Image Chart' href='https:\/\/developers.google.com\/chart\/image\/docs\/gallery\/chart_gall'>Image Chart<\/a> Map Chart regarding regional maps (including legends, with the great help of <a target=_blank title='ISO_3166-2 information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/ISO_3166-2'>Wikipedia<\/a>) &#8230; and &#8230;<\/li>\n<li><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/overlay\">overlay<\/a> ideas<\/li>\n<\/ul>\n<p> &#8230; could lead to us being able to offer markers on a regional map, as another &#8220;area of functionality&#8221;.<\/p>\n<p>We say &#8220;area of functionality&#8221; here because we are starting down this road implementing a &#8230;<\/p>\n<p><code><br \/>\n<a target=_blank title=? href='https:\/\/www.youtube.com\/watch?v=yz7_e8ClwzA'>continent<sub>al<\/sub><\/a> view<br \/>\n<\/code><\/p>\n<p> &#8230; for the country you want to show a &#8220;regional guise&#8221; for, but down the track, we envisage a &#8230;<\/p>\n<p><code><br \/>\n<a target=_blank title=? href='https:\/\/www.youtube.com\/watch?app=desktop&#038;v=yKce8uRDFsg'>country<\/a> view<br \/>\n<\/code><\/p>\n<p> &#8230; with a &#8220;regional ripple&#8221;.<\/p>\n<p>How does the user achieve this new &#8220;continent<sub>al<\/sub>&#8221; view <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 Charts Image Chart' href='https:\/\/developers.google.com\/chart\/image\/docs\/gallery\/chart_gall'>Image Chart<\/a> Map Chart overlayed with markers?  At that first prompt, as per <font color=blue>this item<\/font> &#8230;<\/p>\n<ol>\n<li>Help itself &#8230; map.php &#8230; phase 1<\/li>\n<li>Redirect to Image Chart Map Chart &#8230; map.php and\/or geo_chart.php &#8230; <font color=blue>just after first prompt &#8230; phase 2<\/font><\/li>\n<li>Caller form method=POST map.php action interventions at onsubmit event &#8230; non map.php &#8230; phase 3<\/li>\n<li>Transfer the onclick prompt window functionality over to geo_chart.php &#8230; phase 4<\/li>\n<\/ol>\n<p> &#8230; in this &#8220;mission statement&#8221; idea, the user coming up to either conduit <font color=purple>now sees<\/font> &#8230;<\/p>\n<table>\n<tr>\n<th colspan=2>Google Chart inhouse interfacing to &#8230;<\/th>\n<\/tr>\n<tr>\n<th>Geo Chart<\/th>\n<th>Map Chart<\/th>\n<\/tr>\n<tr>\n<td>\n&lt;?php<br \/>\n<code style=font-size:8px;><br \/>\n  echo 'title = geoprompt(\"Enter Geo Map Title (background image URL or background image data URI ; separated ( followed by ; ) before title are available options (and suffix examples could be &amp;iso=BR for BR as example of ISO country code for Brazil or &amp;isoall=AU for regions of AU as country code of Australia or &amp;iso=US-NJ|CA-AB example of regions of interest <font color=purple>and in beta is &amp;iso=De for continent view of Germany regions ready for user defined markers within the map<\/font>), and you can replace Survey with Quiz for a quiz, and you can prefix by a Region Code (eg. IT) ( followed by ; ) before title as an available options, and you can suffix by &amp;onclick=y for added onclick functionality and\/or &amp;region=145 to display Western Asia (for example) and\/or &amp;text=y to display text and\/or &amp;aregeographicals=y (or instead of y put an http marker image URL like http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/mapc64b.png) for you prefixing Labels by lat|long| values and\/or &amp;areplaces=y (or instead of y put a comma separated http marker image URL (or use hTtP for link but no image) or placename list (with ,+ usage indicating to plot a line)) for places (prefixable by the number part of an emoji HTML Entity (decimal)\teg. 128249 is video camera) rather than countries, Email Attachment Title suffixes are &amp;emailto=[emailTo] &amp;emailsubject=[EmailSubject] (and to make a quiz question for someone after all your entries also append (things like) &amp;guess=Brazil&amp;question=Which country had Tijuana brass?))\", \"' . str_replace(\"+\",\" \",urldecode($GETtitle)) . '\"); ';<br \/>\n<\/code><br \/>\n?&gt;\n<\/td>\n<td>\n&lt;?php<br \/>\n<code style=font-size:8px;><br \/>\n  echo ' var title = yourprompt(\"Enter Map Title (background image URL or image data URI ; separated ( followed by ; ) before title are options, and suffix by &amp;iso=BR for BR as example of ISO country code for Brazil or &amp;isoall=AU for regions of AU as country code of Australia or &amp;iso=US-NJ|CA-AB example of regions of interest <font color=purple>(and in beta is &amp;iso=De for continent view of Germany regions ready for user defined markers within the map)<\/font> and suffix by &amp;lines=y for overlay clickable link lines and\/or suffix by &amp;onclick=y for all onclick functionalities such as &amp;brgplace=[1] for Bearing Distance table and perhaps &amp;brgmode=trip for that table in trip order). Email Attachment Title suffixes are &amp;emailto=[emailTo] &amp;emailsubject=[EmailSubject] ... ' . $promptsuffix . '\", \"' . str_replace(\"+\",\" \",urldecode($GETtitle)). '\"); ' . \"\\n\";<br \/>\n<\/code><br \/>\n?&gt;\n<\/td>\n<\/tr>\n<\/table>\n<p> &#8230; to add to the progress of the recent <a title='Google Chart Image Chart Geo Chart Integration Tutorial' href='#gcicgcit'>Google Chart Image Chart Geo Chart Integration Tutorial<\/a>.  And then later the user can enter latitude|longitude|placename set(s) of interest in another prompt window further down that track, which get plotted onto that regional map after all the set(s) are collected off the user.  Also displayed is the Geo Chart &#8220;country view&#8221; version of that data below the Image Chart Map Chart regional chart version above.<\/p>\n<p>We show how this happens in <a target=_blank title='Tutorial picture' href='http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/regional_map_plotting.gif'>today&#8217;s animated GIF presentation<\/a>. <font size=1>And by the way, if regions have a wrong colour in that animated GIF, that was a bug now fixed.<\/font><\/p>\n<p>Code wise &#8230;<\/p>\n<ul>\n<li><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php-----------------------------------------------------------GETME\" title=\"geo_chart.php\">we changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php-----------------------------------------------------------GETME\" title=\"geo_chart.php\">geo_chart.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php\" title=\"Click picture\">Geo Chart interfacer<\/a><\/li>\n<li><a target=_blank title='Interim code' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/Map\/map.php-------------------------------------------GETME'>we changed<\/a> <a target=_blank title='Interim code' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Map\/map.php-------------------------------------------GETME'>map.php.php<\/a> PHP code for <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Map\/map.php\">Map Chart interfacer<\/a><\/li>\n<li><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php---------GETME\">we changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php---------GETME\">image_chart.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php\">Google Chart Image Chart Map Chart interfacer<\/a> &#8230; started to use &#8230;<br \/>\n&lt;?php<br \/>\n<code><br \/>\n\/\/ ;Continent;CC1|CC2|:blLAT,blLONG,trLAT,trLONG:width,height:scblX,scblY,sctrX,sctrY<br \/>\n$continfo=';Europe;IS|CY|:35.16666,-27.6,67.0,33.36666:468,450:422,560,890,140';<br \/>\n$continfo.=';Australia;AU|AU|:-44,113.65,-10.26667,161.28333:600,450:422,560,866,140';<br \/>\n$continfo.=';Asia;FI|WS|:-14,37,81,179.9:600,450:422,560,866,140';<br \/>\n$continfo.=';America;GS|US|:-56,-179.9,77,-35:600,450:422,560,866,140';<br \/>\n$continfo.=';Africa;TF||:-35,-17,37,52:600,450:422,560,890,140';<br \/>\n<\/code><br \/>\n?&gt;<br \/>\n &#8230; and pass the relevant bit of this data back to its caller, in an <a target=_blank title='Ajax information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Ajax_(programming)'>Ajax<\/a> callback arrangement <font size=1>(making use of hashtag information passing)<\/font> &#8230;<br \/>\n&lt;?php echo &#8221;<br \/>\n<code><br \/>\n  function lasturlbackin() {<br \/>\n  if (myxhrlu.readyState == 4) {<br \/>\n    if (myxhrlu.status == 200) {<br \/>\n   \/\/ alert(1);<br \/>\n      if (myxhrlu.responseText) {<br \/>\n        if (myxhrlu.responseText.indexOf('#') != -1 && myxhrlu.responseText.indexOf(';') != -1) {<br \/>\n          plotblurb=decodeURIComponent(myxhrlu.responseText.replace(myxhrlu.responseText.split(';')[0],''));<br \/>\n          if (plotblurb.indexOf('America;') != -1) { iwis=eval(50 + eval(('' + document.getElementById('idivis').style.width).replace('px',''))); document.getElementById('idivis').style.width='' + iwis + 'px';  } else { iwis=-9;  }<br \/>\n          plotblurbs=plotblurb.split(':');<br \/>\n          \/\/var xcz=prompt(myxhrlu.responseText.replace('chart.googleapis.com\/chart','www.rjmprogramming.com.au\/ITblog\/600\/450\/').replace('#&','&').replace(';','#;').replace('https:','').replace('http:',''),myxhrlu.responseText.replace('chart.googleapis.com\/chart','www.rjmprogramming.com.au\/ITblog\/600\/450\/').replace('#&','&').replace(';','#;').replace('https:','').replace('http:',''));<br \/>\n          document.getElementById('idivis').style.backgroundImage='URL(\\\"' + chcowhitener(myxhrlu.responseText.replace('chart.googleapis.com\/chart','www.rjmprogramming.com.au\/ITblog\/600\/450\/').replace('#&','&').replace(';','#;').replace('https:','').replace('http:','')) + '\\\")';<br \/>\n          document.getElementById('idivis').style.backgroundPosition='98% top';<br \/>\n          document.getElementById('idivis').style.backgroundRepeat='no-repeat';<br \/>\n          \/\/document.getElementById('idivis').style.backgroundSize='65% 90%';<br \/>\n        }<br \/>\n      }<br \/>\n    }<br \/>\n  }<br \/>\n  }<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<br \/>\n  &#8230; our &#8220;continents&#8221; recognized via PHP <a target=_blank title='PHP TimeZone list' href='http:\/\/php.net\/manual\/en\/timezones.php'>TimeZone<\/a> place lookups\n<\/li>\n<\/ul>\n<p><b><i>Did you know?<\/i><\/b><\/p>\n<p>We&#8217;ve used Andorra usefully in the past, on a world view map &#8230;<\/p>\n<ul>\n<li>because it is recognized by Google Charts Geo Chart &#8230; but is &#8230;<\/li>\n<li>too small to plot<\/li>\n<\/ul>\n<p>And this idea of a &#8220;continent<sub>al<\/sub> view&#8221; started for us as an area of the world we could define corner data for, via two small countries.  Well, it didn&#8217;t work in practice that well, but pleased us for a couple of hours.  And so we remain in &#8220;Beta Land&#8221;, but with ideas about how to escape this land, hoping there are no repercussions docking anywhere near &#8220;Alpha Male Land&#8221;?!<\/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\/google-chart-image-chart-map-chart-plotting-tutorial\/'>Google Chart Image Chart Map Chart Plotting Tutorial<\/a>.<\/p-->\n<hr>\n<p id='gcicgcit'>Previous relevant <a target=_blank title='Google Chart Image Chart Geo Chart Integration Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-geo-chart-integration-tutorial\/'>Google Chart Image Chart Geo Chart Integration 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\/GeoChart\/geo_chart.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Google Chart Image Chart Geo Chart Integration Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/integration_after.jpg\" title=\"Google Chart Image Chart Geo Chart Integration Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Google Chart Image Chart Geo Chart Integration Tutorial<\/p><\/div>\n<p>We&#8217;re up to the second part of yesterday&#8217;s <a title='Google Chart Image Chart Map Chart Geo Chart Click Tutorial' href='#gcicmcgcct'>Google Chart Image Chart Map Chart Geo Chart Click Tutorial<\/a> &#8230;<\/p>\n<blockquote cite='\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-geo-chart-click-tutorial\/'>\n<ol>\n<li>Help itself &#8230; map.php &#8230; phase 1<\/li>\n<li>Redirect to Image Chart Map Chart &#8230; map.php and\/or geo_chart.php &#8230; just after first prompt &#8230; phase 2<\/li>\n<li>Caller form method=POST map.php action interventions at onsubmit event &#8230; non map.php &#8230; phase 3<\/li>\n<li><font color=blue>Transfer the onclick prompt window functionality over to geo_chart.php &#8230; phase 4<\/font><\/li>\n<\/ol>\n<\/blockquote>\n<p> &#8230; phase 2 fixes, attending to <a title='Country Quiz Game Suite YouTube Tutorial' href=' href='#cqgsyt'>Country Quiz Game Suite YouTube Tutorial<\/a> idea with a <a target=_blank title='Google Chart' href='https:\/\/developers.google.com\/chart\/'>Google Chart<\/a> mapping component addition (thanks).   Then we thought of the Google Chart <a target=_blank title='Googl Chart Geo Chart information' href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/geochart'>Geo Chart<\/a>&#8216;s user interactive entry &#8220;portal&#8221;, should we say.  Of course, we learn off what has happened before with this, leaving us time for a possible research and development thread of functionality, a bit off the radar, but not ready for release yet, though the signs are not too bad.<\/p>\n<p>To bed down the Geo Chart interfacing to the Image Chart Map Chart usage it was the Javascript &#8220;function prelater&#8221; and associated &#8220;function later&#8221; which <font color=blue>needed tweaking<\/font> &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n        echo \"function prelater() { <font color=blue> if (thistwo &gt; 20) { var lesstwo=eval(-20 + thistwo); thistwo=20; setTimeout(prelater, eval(1000 * lesstwo)); return ''; } <\/font> \\n if (saetc) { saetc(); } <font color=blue> if ((('' + location.hash).indexOf('title=') != -1 || document.URL.indexOf('?title=') != -1) && document.URL.indexOf('&') == -1) {    t=decodeURIComponent(('' + location.hash).split('title=')[1].split('&')[0]); title=t; w='556'; h='347'; c='Country'; p='Popularity'; w=''; h=''; c=''; p=''; m=''; ilstis=1; later('',w,h,c,p,m); } else { <\/font> later('','','','','',''); <font color=blue> } <\/font> \\n }  \\n function later(t,w,h,c,p,m) { \\n\";<br \/>\n<br \/>\n        echo \"\\n if (document.getElementById('od1')) { document.getElementById('od1').style.width='' + eval(window.getComputedStyle(document.body, null).getPropertyValue('width').replace('px','')) + 'px'; } \\n\";<br \/>\n        echo \"\\n if (document.getElementById('od2')) { document.getElementById('od2').style.width='' + eval(window.getComputedStyle(document.body, null).getPropertyValue('width').replace('px','')) + 'px'; } \\n\";<br \/>\n<br \/>\n   if (1 == 1) {<br \/>\n        echo ' var datalineprefix = \" \"; ' . \"\\n\";<br \/>\n        echo ' var acnt = -1; ' . \"\\n\";<br \/>\n        echo ' var iswq = false; ' . \"\\n\";<br \/>\n        echo ' var defv = \"\"; ' . \"\\n\";<br \/>\n        echo ' var dlpll = \"\"; ' . \"\\n\";<br \/>\n        echo ' var datalinesuffix = \"\"; ' . \"\\n\";<br \/>\n        echo ' var extra = \"\", four; ' . \"\\n\";<br \/>\n        echo ' var thisline = 1; ' . \"\\n\";<br \/>\n        echo ' var totalleft = 100.0; ' . \"\\n\";<br \/>\n        echo ' var title = \"\"; ' . \"\\n\";<br \/>\n        echo ' var alttitle = \"\"; ' . \"\\n\";<br \/>\n        echo ' var width = \"\", widthblurb=\"\"; ' . \"\\n\";<br \/>\n        echo ' if (navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile\/i) ) {  widthblurb=\" (for quiz entries append &flag=y for Emoji Flags on tooltips)\"; } else {   widthblurb=\" (for quiz entries append &istn=y for top left thumbnails and\/or &flag=y for Emoji Flags on tooltips)\"; } ' . \"\\n\";<br \/>\n        echo ' var height = \"\"; ' . \"\\n\";<br \/>\n        echo ' var country = \"\"; ' . \"\\n\";<br \/>\n        echo ' var popularity = \"\"; ' . \"\\n\";<br \/>\n   }<br \/>\n        echo ' if ((t.length + w.length + h.length + c.length + p.length) == 0) { ' . \"\\n\";<br \/>\n        echo ' saetc(); if ((\"\" + document.URL.split(\"#\")[0] + \"&\").replace(\/\\+\/g,\"%20\").indexOf(\"?titlequiz=My%20World%20Quiz&\") != -1) { title=\"My World Quiz\";  t=title; w=\"556\"; h=\"347\"; c=\"Country\"; p=\"Popularity\";  } else if ((\"\" + location.hash).indexOf(\"title=\") != -1 && document.URL.indexOf(\"&\") == -1) { title=decodeURIComponent((\"\" + location.hash).split(\"title=\")[1].split(\"&\")[0]); ourdllb(); } else { title = geoprompt(\"Enter Geo Map Title (background image URL or background image data URI ; separated ( followed by ; ) before title are available options <font color=blue>(and suffix examples could be &iso=BR for BR as example of ISO country code for Brazil or &isoall=AU for regions of AU as country code of Australia or &iso=US-NJ|CA-AB example of regions of interest)<\/font>, and you can replace Survey with Quiz for a quiz, and you can prefix by a Region Code (eg. IT) ( followed by ; ) before title as an available options, and you can suffix by &onclick=y for added onclick functionality and\/or &region=145 to display Western Asia (for example) and\/or &text=y to display text and\/or &aregeographicals=y (or instead of y put an http marker image URL like http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/mapc64b.png) for you prefixing Labels by lat|long| values and\/or &areplaces=y (or instead of y put a comma separated http marker image URL (or use hTtP for link but no image) or placename list (with ,+ usage indicating to plot a line)) for places (prefixable by the number part of an emoji HTML Entity (decimal)\teg. 128249 is video camera) rather than countries, Email Attachment Title suffixes are &emailto=[emailTo] &emailsubject=[EmailSubject] (and to make a quiz question for someone after all your entries also append (things like) &guess=Brazil&question=Which country had Tijuana brass?))\", \"' . str_replace(\"+\",\" \",urldecode($GETtitle)) . '\"); }  if (title != null) { if (title == \"My World Quiz\") {  iswq=true; t=title; allowed=false; fti=true; document.getElementById(\"wq\").click();    } alttitle=title;   if (title.indexOf(\"&are\") != -1) {  alttitle=placelook(title);  title=alttitle;  }   } else {  alttitle=\"\"; } ' . \"\\n\";<br \/>\n        echo '   defv=\"\"; acnt++; if (document.getElementById(\"defv\" + acnt)) { defv=document.getElementById(\"defv\" + acnt).value;  } ' . \"\\n\";<br \/>\n        echo ' }  ' . \"\\n\";<br \/>\n        echo ' if ((t.length + w.length + h.length + c.length + p.length) != 0) { ' . \"\\n\";<br \/>\n        echo ' title = t; ' . \"\\n\";<br \/>\n        echo ' width = w; ' . \"\\n\";<br \/>\n        echo ' height = h; ' . \"\\n\";<br \/>\n        echo ' country = c; ' . \"\\n\";<br \/>\n        echo ' popularity = p; ' . \"\\n\";<br \/>\n        echo ' } else if (title != null) { ' . \"\\n\";<br \/>\n        echo ' width = geoprompt(\"Enter Geo Map Width' . $whblurb . ' (7860.045 for Europe quiz) (3930.068 for South East Asia and Oceania quiz) (3230.035 for Africa quiz) (3001.011 for South America quiz) (2201.001 for North and Central America quiz) (2202.056 for Asia quiz)\" + widthblurb, \"' . $GETwidth . '\"); if (width.split(\"&\")[0] == \"2202.056\") {  isquiz=\"Asia\"; height=\"2002.029\";  } else  if (width.split(\"&\")[0] == \"2201.001\") {  isquiz=\"North and Central America\"; height=\"2001.029\";  } else if (width.split(\"&\")[0] == \"3001.011\") {  isquiz=\"South America\"; height=\"2801.059\";  } else if (width.split(\"&\")[0] == \"3230.035\") {  isquiz=\"Africa\"; height=\"2737.052\";  } else if (width.split(\"&\")[0] == \"7860.045\") { isquiz=\"Europe\"; height=\"6875.041\"; } else if (width.split(\"&\")[0] == \"3930.068\") {  isquiz=\"South East Asia and Oceania\"; height=\"3437.054\";    } ' . \"\\n\";<br \/>\n        echo ' if (isquiz.length &gt; 0) {  if (isquiz == \"Asia\") {  height = geoprompt(\"Enter Geo Map Height' . $whblurb . ' (2002.029 for Asia quiz ... add spaces for more quiz places)\", \"2002.029\");  if ((height.trim() + \".\").indexOf(\"2002.\") != 0) { isquiz=\"\"; } else { height=setsixteenquiz(height);  } } else if (isquiz == \"North and Central America\") {  height = geoprompt(\"Enter Geo Map Height' . $whblurb . ' (2001.029 for North and Central America quiz ... add spaces for more quiz places)\", \"2001.029\");  if ((height.trim() + \".\").indexOf(\"2001.\") != 0) { isquiz=\"\"; } else { height=setsixteenquiz(height);  } } else if (isquiz == \"South America\") {  height = geoprompt(\"Enter Geo Map Height' . $whblurb . ' (2801.059 for South America quiz ... add spaces for more quiz places)\", \"2801.059\");  if ((height.trim() + \".\").indexOf(\"2801.\") != 0) { isquiz=\"\"; } else { height=setsixteenquiz(height);  } } else if (isquiz == \"Africa\") {  height = geoprompt(\"Enter Geo Map Height' . $whblurb . ' (2737.052 for Africa quiz ... add spaces for more quiz places)\", \"2737.052\");  if ((height.trim() + \".\").indexOf(\"2737.\") != 0) { isquiz=\"\"; } else { height=setsixteenquiz(height);  } } else if (isquiz == \"South East Asia and Oceania ... add spaces for more quiz places\") {  height = geoprompt(\"Enter Geo Map Height' . $whblurb . ' (3437.054 for South East Asia and Oceania quiz)\", \"3437.054\");  if ((height.trim() + \".\").indexOf(\"3437.\") != 0) { isquiz=\"\"; } else { height=setsixteenquiz(height);  } } else {  height = geoprompt(\"Enter Geo Map Height' . $whblurb . ' (6875.041 for Europe quiz ... add spaces for more quiz places)\", \"6875.041\");  if ((height.trim() + \".\").indexOf(\"6875.\") != 0) { isquiz=\"\"; } else { height=setsixteenquiz(height);  } } } else { height = geoprompt(\"Enter Geo Map Height' . $whblurb . '\", \"' . $GETheight . '\"); } ' . \"\\n\";<br \/>\n        echo ' if (title.indexOf(\"&are\") != -1) { if (isquiz.length &gt; 0) {  if (1 == 1) { country=\"Places\";  } else { country = geoprompt(\"Enter Places Label\", \"Places\"); }  } else { country = geoprompt(\"Enter Places Label\", \"Places\"); } } else { if (isquiz.length &gt; 0) { if (1 == 1) { country = \"Country\"; } else {  country = geoprompt(\"Enter Country Label\", \"' . $GETcountry . '\"); }  } else { country = geoprompt(\"Enter Country Label\", \"' . $GETcountry . '\"); } } ' . \"\\n\";<br \/>\n        echo ' if (isquiz.length &gt; 0) { if (1 == 1) { popularity=\"Countdown\";  } else { popularity = geoprompt(\"Enter \" + country + \" Numerical Measure(s) (ie. can be comma separated)\", \"Countdown\");   } } else { popularity = geoprompt(\"Enter \" + country + \" Numerical Measure(s) (ie. can be comma separated)\", \"' . $GETpopularity . '\"); } ' . \"\\n\";<br \/>\n        echo ' }  ' . \"\\n\";<br \/>\n        echo ' var datac = \"\"; ' . \"\\n\";<br \/>\n        echo ' var sq = \"' . \"'\" . '\"; ' . \"\\n\";<br \/>\n        \/\/echo ' datalineprefix = prompt(\"Enter \" + country + \" Name \" + thisline, \"\"); ' . \"\\n\";<br \/>\n        echo \"  if (iswq) { if (document.URL.indexOf('wqperspective=') == -1) {  document.getElementById('wq').click(); } allowed=false; fti=true; }  if (fti) {   datalineprefix = ''; dlpll = '';  } else { dlpll=''; if (alttitle.indexOf('&aregeographicals=') != -1) {  datalineprefix = geoprompt(\\\"Enter Latitude|Longitude|\\\" + country + \\\" Name (can enter URL whose contents contains country,numerical sets or your own list entered here comma separated) \\\" + thisline +  ' (optionally append with ' + '\\\\n\\\\n' + ',\\\"A tooltip (regarding {popularity}) of some sort like &lt;a target=_blank href=' + \\\"'\\\" + 'https:\/\/www.google.com\/#q={country}' + \\\"'\\\" + '&gt;{country}&lt;\/a&gt;\\\" ' + '\\\\n\\\\n'\" . $myextras . \" + ' as an example of what is possible with HTML included)', ('`' + defv).replace('`0|0|','').replace('`','')); if (datalineprefix == null) { datalineprefix='';   } dlpll=datalineprefix.split('|')[0]; if (dlpll != '') { dlpll+='|' + datalineprefix.split('|')[1] + '|'; datalineprefix=datalineprefix.replace(dlpll,''); } } else { dlpll = '';  if (isquiz.length &gt; 0 && iquiziso &lt; quizisos.length) {  datalineprefix=quizisos[iquiziso]; } else {   datalineprefix = geoprompt(\\\"Enter \\\" + country + \\\" Name (can enter URL whose contents contains country,numerical sets or your own list entered here comma separated) \\\" + thisline +  ' (optionally append with ' + '\\\\n\\\\n' + ',\\\"A tooltip (regarding {popularity}) of some sort like &lt;a target=_blank href=' + \\\"'\\\" + 'https:\/\/www.google.com\/#q={country}' + \\\"'\\\" + '&gt;{country}&lt;\/a&gt;\\\" ' + '\\\\n\\\\n'\" . $myextras . \" + ' as an example of what is possible with HTML included)', ('`' + defv).replace('`0|0|','').replace('`','')); }  } } \" . \"\\n\";<br \/>\n        echo ' if (datalineprefix == null) { datalineprefix=\"\";   } ' . \"\\n\" . ' if (datalineprefix != null) { datalineprefix=dlp(datalineprefix); iof=0; dlsa=datalineprefix.split(\",\"); if (dlsa.length &gt; 1 && (eval(-1 + iof + datalineprefix.indexOf(String.fromCharCode(39))) &gt; eval(datalineprefix.indexOf(\",\")) && eval(-1 + iof + datalineprefix.indexOf(String.fromCharCode(34))) &gt; eval(datalineprefix.indexOf(\",\")))) { while (eval(-1 + iof + datalineprefix.indexOf(String.fromCharCode(39))) &gt; eval(datalineprefix.indexOf(\",\")) && eval(-1 + iof + datalineprefix.indexOf(String.fromCharCode(34))) &gt; eval(datalineprefix.indexOf(\",\"))) { datalineprefix=datalineprefix.replace(\",\", \"%2C\"); iof+=0;   }  }    datalineprefix=datalineprefix.replace(\/#\/g, \"%23\"); if (datalineprefix.indexOf(\"{country}\") != -1 && datalineprefix.indexOf(\",\") != -1) { dlsa=datalineprefix.split(\",\"); if (dlsa.length &gt; 1) {  datalineprefix=datalineprefix.replace(\"{country}\",encodeURIComponent(dlsa[0])).replace(\"{country}\",encodeURIComponent(dlsa[0]));   } }   } ' . \"\\n\";<br \/>\n        echo ' while (datalineprefix.length != 0 && (popularity.indexOf(\"ercent\") == (0 - 1) || popularity.indexOf(\"  ercent \") != (0 - 1) || (popularity.indexOf(\"ercent\") != (0 - 1) && totalleft &gt; 0))) { ' . \"\\n\";<br \/>\n   if (1 == 1) {<br \/>\n        echo ' if (datalinesuffix.length != 0) { ' . \"\\n\";<br \/>\n        echo \"    if (fti) {  datalineprefix = ''; dlpll = '';  } else { dlpll=''; if (alttitle.indexOf('&aregeographicals=') != -1) {  datalineprefix = geoprompt(\\\"Enter Latitude|Longitude|\\\" + country + \\\" Name (can enter URL whose contents contains country,numerical sets or your own list entered here comma separated) \\\" + thisline +  ' (for no more please hit Cancel button and optionally append with ' + '\\\\n\\\\n' + ',\\\"A tooltip (regarding {popularity}) of some sort like &lt;a target=_blank href=' + \\\"'\\\" + 'https:\/\/www.google.com\/#q={country}' + \\\"'\\\" + '&gt;{country}&lt;\/a&gt;\\\" ' + '\\\\n\\\\n'\" . $myextras . \" + ' as an example of what is possible with HTML included)', ('`' + defv).replace('`0|0|','').replace('`','')); if (datalineprefix == null) { datalineprefix='';   } dlpll=datalineprefix.split('|')[0]; if (dlpll != '') { dlpll+='|' + datalineprefix.split('|')[1] + '|'; datalineprefix=datalineprefix.replace(dlpll,''); } } else { dlpll = '';  if (isquiz.length &gt; 0 && iquiziso &lt; quizisos.length) {  datalineprefix=quizisos[iquiziso]; } else {  datalineprefix = geoprompt(\\\"Enter \\\" + country + \\\" Name (can enter URL whose contents contains country,numerical sets or your own list entered here comma separated) \\\" + thisline +  ' (for no more please hit Cancel button and optionally append with ' + '\\\\n\\\\n' + ',\\\"A tooltip (regarding {popularity}) of some sort like &lt;a target=_blank href=' + \\\"'\\\" + 'https:\/\/www.google.com\/#q={country}' + \\\"'\\\" + '&gt;{country}&lt;\/a&gt;\\\" ' + '\\\\n\\\\n'\" . $myextras . \" + ' as an example of what is possible with HTML included)', ('`' + defv).replace('`0|0|','').replace('`','')); } } } \" . \"\\n\";<br \/>\n        echo '    if (datalineprefix != null) {  datalineprefix=dlp(datalineprefix); iof=0; dlsa=datalineprefix.split(\",\"); if (dlsa.length &gt; 1 && (eval(-1 + iof + datalineprefix.indexOf(String.fromCharCode(39))) &gt; eval(datalineprefix.indexOf(\",\")) && eval(-1 + iof + datalineprefix.indexOf(String.fromCharCode(34))) &gt; eval(datalineprefix.indexOf(\",\")))) { while (eval(-1 + iof + datalineprefix.indexOf(String.fromCharCode(39))) &gt; eval(datalineprefix.indexOf(\",\")) && eval(-1 + iof + datalineprefix.indexOf(String.fromCharCode(34))) &gt; eval(datalineprefix.indexOf(\",\"))) { datalineprefix=datalineprefix.replace(\",\", \"%2C\"); iof+=0;   }  }   datalineprefix=datalineprefix.replace(\/#\/g, \"%23\"); if (datalineprefix.indexOf(\"{country}\") != -1 && datalineprefix.indexOf(\",\") != -1) { dlsa=datalineprefix.split(\",\"); if (dlsa.length &gt; 1) {  datalineprefix=datalineprefix.replace(\"{country}\",encodeURIComponent(dlsa[0])).replace(\"{country}\",encodeURIComponent(dlsa[0]));   } }   } ' . \"\\n\";<br \/>\n        echo ' } ' . \"\\n\";<br \/>\n        \/\/echo ' } ' . \"\\n\";<br \/>\n        echo ' if (datalineprefix == null) { ' . \"\\n\";<br \/>\n        echo '     datalineprefix = \"\"; ' . \"\\n\";<br \/>\n        echo '     totalleft = 0; ' . \"\\n\";<br \/>\n        echo ' } else if (datalineprefix.length != 0) { ' . \"\\n\";<br \/>\n        echo '     extra = \"\";  ' . \"\\n\";<br \/>\n        echo '     if (popularity.indexOf(\"ercent\") != (0 - 1) && popularity.indexOf(\"  ercent \") == (0 - 1)) extra = \" (for \" + totalleft + \" enter nothing or hit Cancel button)\";  ' . \"\\n\";<br \/>\n        echo '     if (fti) { datalinesuffix = \"\";  } else { if (isquiz.length &gt; 0) {  if (iquiziso &lt; quizisos.length) {  datalinesuffix=\"\" + theval; iquiziso++; } else {   datalinesuffix = geoprompt(\"Enter \" + popularity.replace(\"  ercent \", \"\") + \" \" + thisline + extra, \"\" + theval); } theval--;  } else {  datalinesuffix = geoprompt(\"Enter \" + popularity.replace(\"  ercent \", \"\") + \" \" + thisline + extra, \"0\"); } }  ' . \"\\n\";<br \/>\n        echo '     if (datalinesuffix == null && popularity.indexOf(\"ercent\") != (0 - 1) && popularity.indexOf(\"  ercent \") == (0 - 1)) datalinesuffix = totalleft; ' . \"\\n\";<br \/>\n        echo '     if (datalinesuffix == null) datalinesuffix = \"0\"; ' . \"\\n\";<br \/>\n        echo '     if (datalinesuffix != null) datalineprefix = datalineprefix.replace(\"{popularity}\", datalinesuffix); ' . \"\\n\";<br \/>\n        echo '     if (datalinesuffix.length == 0) { ' . \"\\n\";<br \/>\n        echo '       datalinesuffix = eval(totalleft); ' . \"\\n\";<br \/>\n        echo '       totalleft = 0; ' . \"\\n\";<br \/>\n        echo '     } else if (eval(totalleft) == eval(datalinesuffix) && popularity.indexOf(\"ercent\") != (0 - 1) && popularity.indexOf(\"  ercent \") == (0 - 1)) { ' . \"\\n\";<br \/>\n        echo '       totalleft = 0; ' . \"\\n\";<br \/>\n        echo '     } else if (eval(datalinesuffix) &gt; eval(totalleft) && popularity.indexOf(\"ercent\") != (0 - 1) && popularity.indexOf(\"  ercent \") == (0 - 1)) { ' . \"\\n\";<br \/>\n        echo '       datalinesuffix = eval(totalleft); ' . \"\\n\";<br \/>\n        echo '       totalleft = 0; ' . \"\\n\";<br \/>\n        echo '     } else if (eval(datalinesuffix) &gt; eval(totalleft) && popularity.indexOf(\"ercent\") == (0 - 1) && popularity.indexOf(\"  ercent \") == (0 - 1)) { ' . \"\\n\";<br \/>\n        echo '       popularity = popularity + \"  ercent \"; ' . \"\\n\";<br \/>\n        echo '     } else { ' . \"\\n\";<br \/>\n        echo '       totalleft = eval(totalleft) - eval(datalinesuffix); ' . \"\\n\";<br \/>\n        echo '     } ' . \"\\n\";<br \/>\n        \/\/echo '     datac = datac + \",[~\" + datalineprefix + \"~,\" + datalinesuffix + \"]\"; ' . \"\\n\";<br \/>\n        echo '     if (datalineprefix.indexOf(\"' . \"'\" . '\") == -1) {  four=(\"\" + datalinesuffix).split(\",\"); if (exra != \"\") { exra=String.fromCharCode(39) + \"Regarding \" + popularity + four[0] + String.fromCharCode(39) + \",\"; }  datac = datac + comma + \" [\" + dlpll + \"~\" + datalineprefix.replace(\/\\%5f\/g,\"%20\").replace(\/\\_\/g,\"%20\") + \"~,\" + exra + datalinesuffix + \"] \"; } ' . \"\\n\";<br \/>\n        echo '     if (datalineprefix.indexOf(\"' . \"'\" . '\") != -1) {  four=(\"\" + datalinesuffix).split(\",\"); exra=String.fromCharCode(39) + \"Regarding \" + popularity + four[0] + String.fromCharCode(39) + \",\"; datac = datac + comma + \" [\" + dlpll + \"~\" + datalineprefix.replace(\",\", \"~,\").replace(\/\\%5f\/g,\"%20\").replace(\/\\_\/g,\"%20\") +  \",\" + datalinesuffix + \"] \"; } ' . \"\\n\";<br \/>\n        echo '     thisline++;   defv=\"\"; acnt=eval(-1 + thisline); if (document.getElementById(\"defv\" + acnt)) { defv=document.getElementById(\"defv\" + acnt).value;   }   ' . \"\\n comma=','; \\n\";<br \/>\n        echo '   } ' . \"\\n\";<br \/>\n    } else {<br \/>\n        echo \"\\n whileinnards(); \\n\";<br \/>\n    }<br \/>\n        echo ' } ' . \"\\n\";<br \/>\n          if (!isset($_GET['isMobile']) && !isset($_POST['isMobile'])) {<br \/>\n        echo ' if (allowed) { var windowlocation = \".\/geo_chart.php?title=\" + title + m + \"&width=\" + width + \"&height=\" + height + \"&country=\" + country + nojwinextra + \"&popularity=\" + popularity.replace(\"  ercent \", \"\") + \"&data=\" + assess_small(datac);   if (windowlocation.length &gt; 800) { document.getElementById(\"dpostform\").innerHTML=\"&lt;form method=POST id=postform action=.\/geo_chart.php&gt;&lt;input type=hidden name=wouldlikeyoutoseekpermission value=y&gt;&lt;\/input&gt;&lt;\/form&gt;\";  var wwl=iftoobig(\"\",windowlocation); if (wwl != \"#\") { if (plotblurbs.length != 0) { window.open(wwl,\"_blank\"); } else { location.href=wwl; } }  } else {  if (plotblurbs.length != 0) { window.open(windowlocation,\"_blank\"); } else {  window.location=windowlocation; }   } } ' . \"\\n\";<br \/>\n\t\t  } else {<br \/>\n        echo ' if (allowed) { var windowlocation = \".\/geo_chart.php?isMobile=y&title=\" + title + m + \"&width=\" + width + \"&height=\" + height + \"&country=\" + country + nojwinextra + \"&popularity=\" + popularity.replace(\"  ercent \", \"\") + \"&data=\" + assess_small(datac);  if (windowlocation.length &gt; 800) { document.getElementById(\"dpostform\").innerHTML=\"&lt;form method=POST id=postform action=.\/geo_chart.php&gt;&lt;input type=hidden name=wouldlikeyoutoseekpermission value=y&gt;&lt;\/input&gt;&lt;\/form&gt;\";  var wwl=iftoobig(\"\",windowlocation); if (wwl != \"#\") {  if (plotblurbs.length != 0) { window.open(wwl,\"_blank\"); } else {  location.href=wwl; } }    } else {  if (plotblurbs.length != 0) { window.open(windowlocation,\"_blank\"); } else {  window.location=windowlocation; }  } } ' . \"\\n\";<br \/>\n          }<br \/>\n        echo \"} \\n\"; \/\/ . \"} \\n\";<br \/>\n        echo '&lt;\/' . 'script' . '&gt;' . \"\\n\";<br \/>\n      }<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; in our <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php----------------------------------------------------------GETME\" title=\"geo_chart.php\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php----------------------------------------------------------GETME\" title=\"geo_chart.php\">geo_chart.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php\" title=\"Click picture\">Geo Chart interfacer<\/a>.<\/p>\n<p>You can also see this play out at WordPress 4.1.1&#8217;s <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/new-google-chart-image-chart-map-chart-geo-chart-click-tutorial\/'>New Google Chart Image Chart Map Chart Geo Chart Click Tutorial<\/a> &#8230;<\/p>\n<hr>\n<p id='gcicmcgcct'>Previous relevant <a target=_blank title='Google Chart Image Chart Map Chart Geo Chart Click Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-geo-chart-click-tutorial\/'>Google Chart Image Chart Map Chart Geo Chart Click 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\/GeoChart\/geo_chart.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Google Chart Image Chart Map Chart Geo Chart Click Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/froma_after.jpg\" title=\"Google Chart Image Chart Map Chart Geo Chart Click Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Google Chart Image Chart Map Chart Geo Chart Click Tutorial<\/p><\/div>\n<p>Onto yesterday&#8217;s <a title='Google Chart Image Chart Map Chart Mainstream Interfacing Tutorial' href='#gcicmcmit'>Google Chart Image Chart Map Chart Mainstream Interfacing Tutorial<\/a> plan of attack, today we need to add a <font color=blue>fourth spoke<\/font>, if you will &#8230;<\/p>\n<blockquote cite='\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-mainstream-interfacing-tutorial\/'>\n<ol>\n<li>Help itself &#8230; map.php &#8230; phase 1<\/li>\n<li>Redirect to Image Chart Map Chart &#8230; map.php and\/or geo_chart.php &#8230; just after first prompt &#8230; phase 2<\/li>\n<li>Caller form method=POST map.php action interventions at onsubmit event &#8230; non map.php &#8230; phase 3<\/li>\n<li><font color=blue>Transfer the onclick prompt window functionality over to geo_chart.php &#8230; phase 4<\/font><\/li>\n<\/ol>\n<\/blockquote>\n<p> &#8230; so that the user has a new way to access these geographical latitude and longitude based functionalities.<\/p>\n<p>This involved getting in behind the &#8220;used to be&#8221; way the SVG circle markers were created and attend to both &#8230;<\/p>\n<ol>\n<li>an amended onclick logic set appears everytime now, <font color=blue>if argument <i>onclick<\/i> is set<\/font>, rather than just when a marker was associated with a URL, <font color=purple>using a new <i>data-svggeo<\/i> global data attribute<\/font>, and when clicked for those non-URL scenarios show the new Javascript prompt window menu &#8230; and &#8230;<\/li>\n<li>adjust the way a title attribute was included in the SVG in favour of an SVG title element version, so that a tooltip displays for non-mobile platform markers, when hovering over them<\/li>\n<\/ol>\n<p>&lt;?php<br \/>\n<code><br \/>\n  if (isset($_GET['aregeographicals'])) {<br \/>\n    $gare=$_GET['aregeographicals'];<br \/>\n    $ugare=urldecode($gare);<br \/>\n    if ($ugare == \"Y\") {<br \/>\n    $ugare=expandh($GETdata);<br \/>\n    }<br \/>\n    if (strpos(strtolower($ugare), \"http\") !== false<font color=blue> || isset($_GET['onclick'])<\/font>) {<br \/>\n        $upa=wlook($ugare);<br \/>\n        \/\/echo ' alert(\"' . $upa . '\"); ';<br \/>\n        \/\/exit;<br \/>\n        $gsis=explode(\",\",$upa);<br \/>\n        $igsis=0;<br \/>\n        if (strpos(strtolower($gsis[0]), \"http\") === false) {<br \/>\n          for ($jgsis=1; $jgsis&lt;sizeof($gsis); $jgsis++) {<br \/>\n            if ($igsis == 0 && strpos(strtolower($gsis[$jgsis]), \"http\") !== false) {<br \/>\n              $igsis=$jgsis;<br \/>\n            }<br \/>\n          }<br \/>\n        }<br \/>\n        echo \"\\n var froma=['&lt;circle ','&gt;&lt;\/circle&gt;',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], toa=['&lt;circle ','&gt;&lt;\/circle&gt;',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], igsis=0, localgdis=(\\\"\" . $GETdata . \"\\\").split(']'), localgsis=(\\\"\" . $upa . \"\\\").split(','), peninfo=(\\\"\" . $upa . \"\\\").split(',');    \\n   gsis=(\\\"\" . $upa . \"\\\").split(','); \\n gdis=(\\\"\" . $GETdata . \"\\\").split(']'); \\n\";<br \/>\n        if (isset($_GET['peninfo'])) {<br \/>\n          echo \"\\n peninfo=(\\\"\" . $_GET['peninfo'] . \"\\\").replace(\/\\,\\ \/g,',+').split(','); for (var pjgs=0; pjgs&lt;peninfo.length; pjgs++) { if ((peninfo[pjgs] + ' ').substring(0,1) == '+') { peninfo[pjgs]='+' + peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)].replace('+',''); } else { peninfo[pjgs]=peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)]; } if (peninfo[pjgs] != '' && gsis.length &gt; pjgs) { if (gsis[pjgs] == '') { gsis[pjgs]='\/\/www.wikipedia.org'; }  }  } \\n\";<br \/>\n        }<br \/>\n        \/\/ ... bad was ...echo \"\\n if (document.getElementById('defs')) {   console.log(' attaChEdImage' + jgs + '=\" . noemoji($gsis[$igsis]) . \"');  document.getElementById(defsid).innerHTML+='&lt;pattern id = \\\"attachedImage\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"\" . noemoji($gsis[$igsis]) . \"\\\"&gt;&lt;image xlink:href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\"  href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/&gt;&lt;\/pattern&gt;';   \\n\";<br \/>\n        echo \"\\n alldefs=document.getElementsByTagName('defs'); if (alldefs.length &gt; 0) { if (('' + alldefs[0].id) != '') { defsid=styleit('' + alldefs[0].id);  }   } if (document.getElementById(defsid)) {   console.log(' attaChEdImage' + jgs + '=\" . noemoji($gsis[$igsis]) . \"');  document.getElementById(defsid).innerHTML+='&lt;pattern id = \\\"attachedImage\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"\" . noemoji($gsis[$igsis]) . \"\\\"&gt;&lt;image xlink:href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\"  href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/&gt;&lt;\/pattern&gt;';   \\n\";<br \/>\n        echo \"\\n if (document.getElementById(defsid) && gsis.length &gt;= 1) { for (var jgs=0; jgs&lt;gsis.length; jgs++) { if (gsis[jgs] != '') { console.log('attachedImage' + jgs + '=' + noemoji(gsis[jgs]));   document.getElementById(defsid).innerHTML+='&lt;pattern id = \\\"attachedImage' + jgs + '\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"' + noemoji(gsis[jgs]) + '\\\"&gt;&lt;image xlink:href = \\\"' + noemoji(gsis[jgs]) + '\\\"  href = \\\"' + noemoji(gsis[jgs]) + '\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/&gt;&lt;\/pattern&gt;'; } } }   \\n\";<br \/>\n        echo \"\\n var lastpl='', lastcx=-1, lastcy=-1, lastlx=-1, lastly=-1, gsuff='', linew='', postgs=[], gs=document.getElementsByTagName('g'), iigs=0, malt='';\\n for (var igs=0; igs&lt;gs.length; igs++) { \\n if (peninfo.length &gt; iigs) { \\n malt=peninfo[iigs].replace('+','').trim(); \\n } else { \\n malt=''; \\n } \\n if (gsis.length &gt; iigs) { \\n if (fooc(gsis[iigs]) != '') { \\n if (gsis[iigs].trim() == '') { \\n gsuff='x'; \\n } else { \\n toa[1]=emojimaybe(gsis[iigs],malt,'&gt;&lt;\/circle&gt;',iigs); \\n if (toa[1] == '&gt;&lt;\/circle&gt;') { \\n toa[0]='&lt;circle ' + refooc(lastfooc); \\n toa[2]=' cx='; \\n toa[3]=' cy='; \\n toa[4]=' r='; \\n toa[5]=' fill='; \\n toa[6]=' stroke='; \\n toa[7]=' stroke-width='; \\n toa[8]=' opacity='; \\n } else { \\n   toa[1]=toa[1].replace('&gt;',' onclick=gck(' + ('~' + iigs + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\"<font color=purple> data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\"&gt;'); \\n toa[0]='&lt;text '; \\n toa[2]=' x='; \\n toa[3]=' y='; \\n toa[4]=' data-r='; \\n toa[5]=' data-fill='; \\n toa[6]=' data-stroke='; toa[7]=' data-stroke-width='; \\n toa[8]=' data-opacity='; \\n if (gsis[iigs].indexOf(' ') != -1) { \\n gsis[iigs]=gsis[iigs].replace(gsis[iigs].split(' ')[0] + ' ',''); \\n } \\n } \\n gsuff='' + iigs; \\n } \\n } else { \\n gsuff=''; \\n } \\n } else  { \\n gsuff=''; \\n } \\n if (gsuff != 'x' && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.replace('&lt;text ','&lt;circle ').indexOf('&lt;circle') != -1 && (gs[igs].innerHTML + '*').replace('&lt;\/text&gt;*','&lt;\/circle&gt;*').indexOf('&lt;\/circle&gt;*') != -1 && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1) { \\n  if (peninfo.length &gt; iigs) { \\n if (peninfo[iigs].indexOf('+') != -1) { \\n linew='&lt;line title=\\\"' + gdis[eval(-1 + iigs)].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + ' to ' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" onmouseover=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" onclick=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" x1=\\\"' + lastcx + '\\\" y1=\\\"' + lastcy + '\\\" x2=\\\"' + eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]) + '\\\" y2=\\\"' + eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]) + '\\\" style=\\\"stroke:rgb(255,0,0);stroke-width:2\\\" \/&gt;'; \\n  } \\n  } \\n postgs=gs[igs].innerHTML.split(' fill='); \\n gs[igs].innerHTML=tel(gs[igs].innerHTML.replace(' fill=' + postgs[1].substring(0,1) + postgs[1].substring(1).split(postgs[1].substring(0,1))[0], ' onclick=gck(' + ('~' + gsuff + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\"<font color=purple> data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" fill=' + postgs[1].substring(0,1) + 'url(#attachedImage' + gsuff + ')').replace(froma[0],toa[0]).replace(froma[1],toa[1]).replace(froma[2],toa[2]).replace(froma[3],toa[3]).replace(froma[4],toa[4]).replace(froma[5],toa[5]).replace(froma[6],toa[6]).replace(froma[7],toa[7]).replace(froma[8],toa[8])) + linew;  } linew='';  if ((gs[igs].innerHTML.replace('&lt;line ','*&lt;line ') + '*').replace('&lt;\/text&gt;','&lt;\/circle&gt;').replace('-stroke','&lt;\/circle&gt;*').indexOf('&lt;\/circle&gt;*') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1 && gs[igs].innerHTML.indexOf(' onclick=') != -1 && gs[igs].innerHTML.replace('&lt;text x=','&lt;text fill= ').indexOf('fill=') != -1) { lastcx=eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]); lastcy=eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]); lastlx=gdis[iigs].split('[')[1].split('|')[0];  lastly=gdis[iigs].split('[')[1].split('|')[1];  lastpl=gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' '); \\n iigs++; \\n }  \\n } \\n } \\n\";<br \/>\n    }<br \/>\n  } else if (isset($_POST['aregeographicals'])) {<br \/>\n    $gare=$_POST['aregeographicals'];<br \/>\n    $ugare=urldecode($gare);<br \/>\n    if ($ugare == \"Y\") {<br \/>\n    $ugare=expandh($GETdata);<br \/>\n    }<br \/>\n    if (strpos(strtolower(str_replace(\"+\",\" \",$ugare)), \"http\") !== false<font color=blue> || isset($_POST['onclick'])<\/font>) {<br \/>\n        $upa=wlook(str_replace(\"+\",\" \",$ugare));<br \/>\n        $gsis=explode(\",\",$upa);<br \/>\n        $igsis=0;<br \/>\n        if (strpos(strtolower($gsis[0]), \"http\") === false) {<br \/>\n          for ($jgsis=1; $jgsis&lt;sizeof($gsis); $jgsis++) {<br \/>\n            if ($igsis == 0 && strpos(strtolower($gsis[$jgsis]), \"http\") !== false) {<br \/>\n              $igsis=$jgsis;<br \/>\n            }<br \/>\n          }<br \/>\n        }<br \/>\n        echo \"\\n var froma=['&lt;circle ','&gt;&lt;\/circle&gt;',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], toa=['&lt;circle ','&gt;&lt;\/circle&gt;',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], igsis=0, localgdis=(\\\"\" . $GETdata . \"\\\").split(']'), localgsis=(\\\"\" . $upa . \"\\\").split(','), peninfo=(\\\"\" . $upa . \"\\\").split(',');    \\n   gsis=(\\\"\" . $upa . \"\\\").split(','); \\n gdis=(\\\"\" . $GETdata . \"\\\").split(']'); \\n\";<br \/>\n        if (isset($_POST['peninfo'])) {<br \/>\n          echo \"\\n peninfo=(\\\"\" . $_POST['peninfo'] . \"\\\").replace(\/\\,\\ \/g,',+').split(',');  for (var pjgs=0; pjgs&lt;peninfo.length; pjgs++) {  if ((peninfo[pjgs] + ' ').substring(0,1) == '+') { peninfo[pjgs]='+' + peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)].replace('+',''); } else { peninfo[pjgs]=peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)]; } if (peninfo[pjgs] != '' && gsis.length &gt; pjgs) { if (gsis[pjgs] == '') { gsis[pjgs]='\/\/www.wikipedia.org'; }  }   }   \\n\";<br \/>\n        }<br \/>\n        echo \"\\n alldefs=document.getElementsByTagName('defs'); if (alldefs.length &gt; 0) { if (('' + alldefs[0].id) != '') { defsid=styleit('' + alldefs[0].id);  }   }  if (document.getElementById(defsid)) {   console.log(' attaChedImage' + jgs + '=\" . noemoji($gsis[$igsis]) . \"');   document.getElementById(defsid).innerHTML+='&lt;pattern id = \\\"attachedImage\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"\" . noemoji($gsis[$igsis]) . \"\\\"&gt;&lt;image xlink:href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\"  href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/&gt;&lt;\/pattern&gt;';   \\n\";<br \/>\n        echo \"\\n if (document.getElementById(defsid) && gsis.length &gt;= 1) { for (var jgs=0; jgs&lt;gsis.length; jgs++) { if (gsis[jgs] != '') {   console.log(' atTachedImage' + jgs + '=' + noemoji(gsis[jgs]));    document.getElementById(defsid).innerHTML+='&lt;pattern id = \\\"attachedImage' + jgs + '\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"' + noemoji(gsis[jgs]) + '\\\"&gt;&lt;image xlink:href = \\\"' + noemoji(gsis[jgs]) + '\\\"  href = \\\"' + noemoji(gsis[jgs]) + '\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/&gt;&lt;\/pattern&gt;'; } } }  \\n\";<br \/>\n        echo \"\\n var lastpl='', lastcx=-1, lastcy=-1, lastlx=-1, lastly=-1, gsuff='', linew='', postgs=[], gs=document.getElementsByTagName('g'), iigs=0, malt=''; for (var igs=0; igs&lt;gs.length; igs++) {  if (peninfo.length &gt; iigs) { malt=peninfo[iigs].replace('+','').trim(); } else { malt=''; } if (gsis.length &gt; iigs) { if (gsis[iigs] != '') { if (fooc(gsis[iigs]).trim() == '') { gsuff='x'; } else { toa[1]=emojimaybe(gsis[iigs],malt,'&gt;&lt;\/circle&gt;',iigs); if (toa[1] == '&gt;&lt;\/circle&gt;') {  toa[0]='&lt;circle ' + refooc(lastfooc); toa[2]=' cx='; toa[3]=' cy='; toa[4]=' r='; toa[5]=' fill='; toa[6]=' stroke='; toa[7]=' stroke-width='; toa[8]=' opacity='; } else {   toa[1]=toa[1].replace('&gt;',' onclick=gck(' + ('~' + iigs + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\"<font color=purple> data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\"&gt;'); toa[0]='&lt;text '; toa[2]=' x='; toa[3]=' y=';  toa[4]=' data-r='; toa[5]=' data-fill='; toa[6]=' data-stroke='; toa[7]=' data-stroke-width='; toa[8]=' data-opacity='; if (gsis[iigs].indexOf(' ') != -1) { gsis[iigs]=gsis[iigs].replace(gsis[iigs].split(' ')[0] + ' ',''); } }  gsuff='' + iigs; }  } else { gsuff=''; } } else  {  gsuff=''; }  if (gsuff != 'x' && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.replace('&lt;text ','&lt;circle ').indexOf('&lt;circle') != -1 && (gs[igs].innerHTML + '*').replace('&lt;\/text&gt;*','&lt;\/circle&gt;*').indexOf('&lt;\/circle&gt;*') != -1 && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1) {   if (peninfo.length &gt; iigs) { if (peninfo[iigs].indexOf('+') != -1) { linew='&lt;line title=\\\"' + gdis[eval(-1 + iigs)].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + ' to ' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" onmouseover=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" onclick=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" x1=\\\"' + lastcx + '\\\" y1=\\\"' + lastcy + '\\\" x2=\\\"' + eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]) + '\\\" y2=\\\"' + eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]) + '\\\" style=\\\"stroke:rgb(255,0,0);stroke-width:2\\\" \/&gt;';   }  } postgs=gs[igs].innerHTML.split(' fill=');  gs[igs].innerHTML=tel(gs[igs].innerHTML.replace(' fill=' + postgs[1].substring(0,1) + postgs[1].substring(1).split(postgs[1].substring(0,1))[0], ' onclick=gck(' + ('~' + gsuff + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\"<font color=purple> data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" fill=' + postgs[1].substring(0,1) + 'url(#attachedImage' + gsuff + ')').replace(froma[0],toa[0]).replace(froma[1],toa[1]).replace(froma[2],toa[2]).replace(froma[3],toa[3]).replace(froma[4],toa[4]).replace(froma[5],toa[5]).replace(froma[6],toa[6]).replace(froma[7],toa[7]).replace(froma[8],toa[8])) + linew;  } linew='';  if ((gs[igs].innerHTML.replace('&lt;line ','*&lt;line ') + '*').replace('&lt;\/text&gt;','&lt;\/circle&gt;').replace('-stroke','&lt;\/circle&gt;*').indexOf('&lt;\/circle&gt;*') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1 && gs[igs].innerHTML.indexOf(' onclick=') != -1 && gs[igs].innerHTML.replace('&lt;text x=','&lt;text fill= ').indexOf('fill=') != -1) { lastcx=eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]); lastcy=eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]); lastlx=gdis[iigs].split('[')[1].split('|')[0];  lastly=gdis[iigs].split('[')[1].split('|')[1];  lastpl=gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' '); iigs++; }  } } \\n\";<br \/>\n    }<br \/>\n  } else if (isset($_GET['areplaces'])) {<br \/>\n    if (strpos(strtolower(urldecode($_GET['areplaces'])), \"http\") !== false<font color=blue> || isset($_GET['onclick'])<\/font>) {<br \/>\n        $upa=wlook(urldecode($_GET['areplaces']));<br \/>\n        $gsis=explode(\",\",$upa);<br \/>\n        $igsis=0;<br \/>\n        if (strpos(strtolower($gsis[0]), \"http\") === false) {<br \/>\n          for ($jgsis=1; $jgsis&lt;sizeof($gsis); $jgsis++) {<br \/>\n            if ($igsis == 0 && strpos(strtolower($gsis[$jgsis]), \"http\") !== false) {<br \/>\n              $igsis=$jgsis;<br \/>\n            }<br \/>\n          }<br \/>\n        }<br \/>\n        echo \"\\n var froma=['&lt;circle ','&gt;&lt;\/circle&gt;',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], toa=['&lt;circle ','&gt;&lt;\/circle&gt;',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='],  igsis=0, localgdis=(\\\"\" . $GETdata . \"\\\").split(']'), localgsis=(\\\"\" . $upa . \"\\\").split(','), peninfo=(\\\"\" . $upa . \"\\\").split(',');    \\n   gsis=(\\\"\" . $upa . \"\\\").split(','); \\n gdis=(\\\"\" . $GETdata . \"\\\").split(']'); \\n\";<br \/>\n        if (isset($_GET['peninfo'])) {<br \/>\n          echo \"\\n peninfo=(\\\"\" . $_GET['peninfo'] . \"\\\").replace(\/\\,\\ \/g,',+').split(',');   for (var pjgs=0; pjgs&lt;peninfo.length; pjgs++) {  if ((peninfo[pjgs] + ' ').substring(0,1) == '+') { peninfo[pjgs]='+' + peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)].replace('+',''); } else { peninfo[pjgs]=peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)]; }   if (peninfo[pjgs] != '' && gsis.length &gt; pjgs) { if (gsis[pjgs] == '') { gsis[pjgs]='\/\/www.wikipedia.org'; }  }   }  \\n\";<br \/>\n        }<br \/>\n        echo \"\\n alldefs=document.getElementsByTagName('defs'); if (alldefs.length &gt; 0) { if (('' + alldefs[0].id) != '') { defsid=styleit('' + alldefs[0].id);  }   }  if (document.getElementById(defsid)) {  document.getElementById(defsid).innerHTML+='&lt;pattern id = \\\"attachedImage\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"\" . noemoji($gsis[$igsis]) . \"\\\"&gt;&lt;image xlink:href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\"  href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/&gt;&lt;\/pattern&gt;';   \\n\";<br \/>\n        echo \"\\n if (document.getElementById(defsid) && gsis.length &gt;= 1) { for (var jgs=0; jgs&lt;gsis.length; jgs++) { if (gsis[jgs] != '') {    document.getElementById(defsid).innerHTML+='&lt;pattern id = \\\"attachedImage' + jgs + '\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"' + noemoji(gsis[jgs]) + '\\\"&gt;&lt;image xlink:href = \\\"' + noemoji(gsis[jgs]) + '\\\"  href = \\\"' + noemoji(gsis[jgs]) + '\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/&gt;&lt;\/pattern&gt;'; } } }  \\n\";<br \/>\n        echo \"\\n var lastpl='', lastcx=-1, lastcy=-1, lastlx=-1, lastly=-1, gsuff='', linew='', postgs=[], gs=document.getElementsByTagName('g'), iigs=0, malt=''; for (var igs=0; igs&lt;gs.length; igs++) {  if (peninfo.length &gt; iigs) { malt=peninfo[iigs].replace('+','').trim(); } else { malt=''; } if (gsis.length &gt; iigs) { if (fooc(gsis[iigs]) != '') { if (gsis[iigs].trim() == '') { gsuff='x'; } else { toa[1]=emojimaybe(gsis[iigs],malt,'&gt;&lt;\/circle&gt;',iigs); if (toa[1] == '&gt;&lt;\/circle&gt;') {  toa[0]='&lt;circle ' + refooc(lastfooc); toa[2]=' cx='; toa[3]=' cy='; toa[4]=' r='; toa[5]=' fill='; toa[6]=' stroke='; toa[7]=' stroke-width='; toa[8]=' opacity='; } else {   toa[1]=toa[1].replace('&gt;',' onclick=gck(' + ('~' + iigs + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\"<font color=purple> data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\"&gt;'); toa[0]='&lt;text '; toa[2]=' x='; toa[3]=' y=';  toa[4]=' data-r='; toa[5]=' data-fill='; toa[6]=' data-stroke='; toa[7]=' data-stroke-width='; toa[8]=' data-opacity='; if (gsis[iigs].indexOf(' ') != -1) { gsis[iigs]=gsis[iigs].replace(gsis[iigs].split(' ')[0] + ' ',''); } }  gsuff='' + iigs; }  } else { gsuff=''; } } else  {  gsuff=''; }  if (gsuff != 'x' && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.replace('&lt;text ','&lt;circle ').indexOf('&lt;circle') != -1 && (gs[igs].innerHTML + '*').replace('&lt;\/text&gt;*','&lt;\/circle&gt;*').indexOf('&lt;\/circle&gt;*') != -1 && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1) {   if (peninfo.length &gt; iigs) { if (peninfo[iigs].indexOf('+') != -1) { linew='&lt;line title=\\\"' + gdis[eval(-1 + iigs)].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + ' to ' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" onmouseover=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" onclick=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" x1=\\\"' + lastcx + '\\\" y1=\\\"' + lastcy + '\\\" x2=\\\"' + eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]) + '\\\" y2=\\\"' + eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]) + '\\\" style=\\\"stroke:rgb(255,0,0);stroke-width:2\\\" \/&gt;';   }  } postgs=gs[igs].innerHTML.split(' fill=');  gs[igs].innerHTML=tel(gs[igs].innerHTML.replace(' fill=' + postgs[1].substring(0,1) + postgs[1].substring(1).split(postgs[1].substring(0,1))[0], ' onclick=gck(' + ('~' + gsuff + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\"<font color=purple> data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" fill=' + postgs[1].substring(0,1) + 'url(#attachedImage' + gsuff + ')').replace(froma[0],toa[0]).replace(froma[1],toa[1]).replace(froma[2],toa[2]).replace(froma[3],toa[3]).replace(froma[4],toa[4]).replace(froma[5],toa[5]).replace(froma[6],toa[6]).replace(froma[7],toa[7]).replace(froma[8],toa[8])) + linew;  } linew='';  if ((gs[igs].innerHTML.replace('&lt;line ','*&lt;line ') + '*').replace('&lt;\/text&gt;','&lt;\/circle&gt;').replace('-stroke','&lt;\/circle&gt;*').indexOf('&lt;\/circle&gt;*') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1 && gs[igs].innerHTML.indexOf(' onclick=') != -1 && gs[igs].innerHTML.replace('&lt;text x=','&lt;text fill= ').indexOf('fill=') != -1) { lastcx=eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]); lastcy=eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]); lastlx=gdis[iigs].split('[')[1].split('|')[0];  lastly=gdis[iigs].split('[')[1].split('|')[1];  lastpl=gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' '); iigs++; }  } } \\n\";<br \/>\n    }<br \/>\n  } else if (isset($_POST['areplaces'])) {<br \/>\n    if (strpos(strtolower(urldecode($_POST['areplaces'])), \"http\") !== false<font color=blue> || isset($_POST['onclick'])<\/font>) {<br \/>\n        $upa=wlook(urldecode($_POST['areplaces']));<br \/>\n        $gsis=explode(\",\",$upa);<br \/>\n        $igsis=0;<br \/>\n        if (strpos(strtolower($gsis[0]), \"http\") === false) {<br \/>\n          for ($jgsis=1; $jgsis&lt;sizeof($gsis); $jgsis++) {<br \/>\n            if ($igsis == 0 && strpos(strtolower($gsis[$jgsis]), \"http\") !== false) {<br \/>\n              $igsis=$jgsis;<br \/>\n            }<br \/>\n          }<br \/>\n        }<br \/>\n        echo \"\\n var froma=['&lt;circle ','&gt;&lt;\/circle&gt;',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], toa=['&lt;circle ','&gt;&lt;\/circle&gt;',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='],  igsis=0, localgdis=(\\\"\" . $GETdata . \"\\\").split(']'), localgsis=(\\\"\" . $upa . \"\\\").split(','), peninfo=(\\\"\" . $upa . \"\\\").split(',');    \\n   gsis=(\\\"\" . $upa . \"\\\").split(','); \\n gdis=(\\\"\" . $GETdata . \"\\\").split(']'); \\n\";<br \/>\n        if (isset($_POST['peninfo'])) {<br \/>\n          echo \"\\n peninfo=(\\\"\" . $_POST['peninfo'] . \"\\\").replace(\/\\,\\ \/g,',+').split(',');   for (var pjgs=0; pjgs&lt;peninfo.length; pjgs++) {  if ((peninfo[pjgs] + ' ').substring(0,1) == '+') { peninfo[pjgs]='+' + peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)].replace('+',''); } else { peninfo[pjgs]=peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)]; }   if (peninfo[pjgs] != '' && gsis.length &gt; pjgs) { if (gsis[pjgs] == '') { gsis[pjgs]='\/\/www.wikipedia.org'; }  }    }  \\n\";<br \/>\n        }<br \/>\n        echo \"\\n alldefs=document.getElementsByTagName('defs'); if (alldefs.length &gt; 0) { if (('' + alldefs[0].id) != '') { defsid=styleit('' + alldefs[0].id);  }   }  if (document.getElementById(defsid)) {  document.getElementById(defsid).innerHTML+='&lt;pattern id = \\\"attachedImage\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"\" . noemoji($gsis[$igsis]) . \"\\\"&gt;&lt;image xlink:href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\"  href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/&gt;&lt;\/pattern&gt;';   \\n\";<br \/>\n        echo \"\\n if (document.getElementById(defsid) && gsis.length &gt;= 1) { for (var jgs=0; jgs&lt;gsis.length; jgs++) { if (gsis[jgs] != '') {    document.getElementById(defsid).innerHTML+='&lt;pattern id = \\\"attachedImage' + jgs + '\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"' + noemoji(gsis[jgs]) + '\\\"&gt;&lt;image xlink:href = \\\"' + noemoji(gsis[jgs]) + '\\\"  href = \\\"' + noemoji(gsis[jgs]) + '\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/&gt;&lt;\/pattern&gt;'; } } }  \\n\";<br \/>\n        echo \"\\n var lastpl='', lastcx=-1, lastcy=-1, lastlx=-1, lastly=-1, gsuff='', linew='', postgs=[], gs=document.getElementsByTagName('g'), iigs=0, malt=''; for (var igs=0; igs&lt;gs.length; igs++) {  if (peninfo.length &gt; iigs) { malt=peninfo[iigs].replace('+','').trim(); } else { malt=''; } if (gsis.length &gt; iigs) { if (gsis[iigs] != '') { if (fooc(gsis[iigs]).trim() == '') { gsuff='x'; } else { toa[1]=emojimaybe(gsis[iigs],malt,'&gt;&lt;\/circle&gt;',iigs); if (toa[1] == '&gt;&lt;\/circle&gt;') {  toa[0]='&lt;circle ' + refooc(lastfooc); toa[2]=' cx='; toa[3]=' cy='; toa[4]=' r='; toa[5]=' fill='; toa[6]=' stroke='; toa[7]=' stroke-width='; toa[8]=' opacity='; } else {   toa[1]=toa[1].replace('&gt;',' onclick=gck(' + ('~' + iigs + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\"<font color=purple> data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\"&gt;'); toa[0]='&lt;text '; toa[2]=' x='; toa[3]=' y=';  toa[4]=' data-r='; toa[5]=' data-fill='; toa[6]=' data-stroke='; toa[7]=' data-stroke-width='; toa[8]=' data-opacity='; if (gsis[iigs].indexOf(' ') != -1) { gsis[iigs]=gsis[iigs].replace(gsis[iigs].split(' ')[0] + ' ',''); } }  gsuff='' + iigs; }  } else { gsuff=''; } } else  {  gsuff=''; }  if (gsuff != 'x' && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.replace('&lt;text ','&lt;circle ').indexOf('&lt;circle') != -1 && (gs[igs].innerHTML + '*').replace('&lt;\/text&gt;*','&lt;\/circle&gt;*').indexOf('&lt;\/circle&gt;*') != -1 && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1) {   if (peninfo.length &gt; iigs) { if (peninfo[iigs].indexOf('+') != -1) { linew='&lt;line title=\\\"' + gdis[eval(-1 + iigs)].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + ' to ' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" onmouseover=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" onclick=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" x1=\\\"' + lastcx + '\\\" y1=\\\"' + lastcy + '\\\" x2=\\\"' + eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]) + '\\\" y2=\\\"' + eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]) + '\\\" style=\\\"stroke:rgb(255,0,0);stroke-width:2\\\" \/&gt;';   }  } postgs=gs[igs].innerHTML.split(' fill=');  gs[igs].innerHTML=tel(gs[igs].innerHTML.replace(' fill=' + postgs[1].substring(0,1) + postgs[1].substring(1).split(postgs[1].substring(0,1))[0], ' onclick=gck(' + ('~' + gsuff + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\"<font color=purple> data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" fill=' + postgs[1].substring(0,1) + 'url(#attachedImage' + gsuff + ')').replace(froma[0],toa[0]).replace(froma[1],toa[1]).replace(froma[2],toa[2]).replace(froma[3],toa[3]).replace(froma[4],toa[4]).replace(froma[5],toa[5]).replace(froma[6],toa[6]).replace(froma[7],toa[7]).replace(froma[8],toa[8])) + linew;  } linew='';  if ((gs[igs].innerHTML.replace('&lt;line ','*&lt;line ') + '*').replace('&lt;\/text&gt;','&lt;\/circle&gt;').replace('-stroke','&lt;\/circle&gt;*').indexOf('&lt;\/circle&gt;*') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1 && gs[igs].innerHTML.indexOf(' onclick=') != -1 && gs[igs].innerHTML.replace('&lt;text x=','&lt;text fill= ').indexOf('fill=') != -1) { lastcx=eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]); lastcy=eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]); lastlx=gdis[iigs].split('[')[1].split('|')[0];  lastly=gdis[iigs].split('[')[1].split('|')[1];  lastpl=gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' '); iigs++; }  } } \\n\";<br \/>\n    }<br \/>\n  }<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; in our <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php---------------------------------------------------------GETME\" title=\"geo_chart.php\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php---------------------------------------------------------GETME\" title=\"geo_chart.php\">geo_chart.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/geo_chart.php\" title=\"Click picture\">Geo Chart interfacer<\/a>.<\/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\/google-chart-image-chart-map-chart-geo-chart-click-tutorial\/'>Google Chart Image Chart Map Chart Geo Chart Click Tutorial<\/a>.<\/p-->\n<hr>\n<p id='gcicmcmit'>Previous relevant <a target=_blank title='Google Chart Image Chart Map Chart Mainstream Interfacing Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-mainstream-interfacing-tutorial\/'>Google Chart Image Chart Map Chart Mainstream Interfacing 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\/Map\/map.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Google Chart Image Chart Map Chart Mainstream Interfacing Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Map\/help_yourself_more.jpg\" title=\"Google Chart Image Chart Map Chart Mainstream Interfacing Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Google Chart Image Chart Map Chart Mainstream Interfacing Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a target=_blank title='Google Chart Image Chart Map Chart Mainstream Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-mainstream-primer-tutorial\/'>Google Chart Image Chart Map Chart Mainstream Primer Tutorial<\/a> mentioned a three point plan &#8230;<\/p>\n<blockquote cite='https:\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-mainstream-primer-tutorial\/'>\n<ol>\n<li>Help itself &#8230; map.php &#8230; phase 1<\/li>\n<li>Redirect to Image Chart Map Chart &#8230; map.php and\/or geo_chart.php &#8230; just after first prompt &#8230; phase 2<\/li>\n<li>Caller form method=POST map.php action interventions at onsubmit event &#8230; non map.php &#8230; phase 3<\/li>\n<\/ol>\n<\/blockquote>\n<p> &#8230; we find ourselves still dealing with the &#8220;first point&#8221; above regarding, where it rubs up against the first half of the second point (if all that makes sense), today.<\/p>\n<p>This means we might now, with map.php user interfacing, present a <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 Charts Image Chart' href='https:\/\/developers.google.com\/chart\/image\/docs\/gallery\/chart_gall'>Image Chart<\/a> Map Chart in various guises &#8230;<\/p>\n<ul>\n<li><i>&#038;iso=US-NJ|CA-AB<\/i> suffix to the map title showing a non-legended cropped world view of that | delimited region codes list<\/li>\n<li><i>&#038;isoall=AU<\/i> suffix to the map title showing a legended (initially) country view of country&#8217;s regions &#8230; toggleable to &#8230;<\/li>\n<li>a world view of that same user setting (via click or right click)<\/li>\n<\/ul>\n<p> &#8230; after that first prompt, if the user entered settings to indicate that desire.<\/p>\n<p>We&#8217;ve moved on to a &#8220;four point&#8221; code section of relevance paradigm today, with &#8230;<\/p>\n<p><code><br \/>\n  var xiso='iso';<br \/>\n  if (document.URL.indexOf('&iso') != -1 && document.URL.indexOf('&iso=') == -1) {<br \/>\n    xiso='iso' + document.URL.indexOf('&iso')[1].split('=')[0];<br \/>\n  }<br \/>\n  var isusdams='&lt;?php echo (isset($_POST['iso']) ? trim(str_replace('+',' ',urldecode($_POST['iso']))) : (isset($_GET['iso']) ? trim(str_replace('+',' ',urldecode($_GET['iso']))) : '')); ?&gt;';<br \/>\n  if (xiso != 'iso' && isusdams == '') { isusdams=decodeURIComponent(document.URL.split('&' + xiso + '=')[1].split('&')[0]);  }<br \/>\n  \/\/alert('xiso=' + xiso + ' and isusdams=' + isusdams);<br \/>\n  if (window.top || isusdams.trim() != '') {<br \/>\n        if (isusdams.trim() != '') {<br \/>\n          if (isusdams.indexOf(';') == -1) { isusdams+=';'; }<br \/>\n        } else if (top.document.URL.indexOf('\/dams_usa.htm') != -1) {<br \/>\n          isusdams='US;';<br \/>\n        } else if (top.document.URL.indexOf('\/australian_') != -1) {<br \/>\n          isusdams='AU;';<br \/>\n        } else if (top.document.URL.indexOf('\/ireland_') != -1) {<br \/>\n          isusdams='IE;';<br \/>\n        } else if (top.document.URL.indexOf('\/new_zealand_') != -1) {<br \/>\n          isusdams='NZ;';<br \/>\n        } else if (document.URL.indexOf('iso=') != -1) {<br \/>\n          isusdams=document.URL.split('iso=')[1].split('&')[0].split('#')[0] + ';';<br \/>\n        } else if (parent.document.URL.indexOf('\/tz_places.php?iso=') != -1) {<br \/>\n          isusdams=parent.document.URL.split('\/tz_places.php?iso=')[1].split('&')[0].split('#')[0] + ';';<br \/>\n        } else if (top.document.URL.indexOf('\/tz_places.php?iso=') != -1) {<br \/>\n          isusdams=top.document.URL.split('\/tz_places.php?iso=')[1].split('&')[0].split('#')[0] + ';';<br \/>\n        }<br \/>\n  } else if (document.URL.indexOf('iso=') != -1) {<br \/>\n          isusdams=document.URL.split('iso=')[1].split('&')[0].split('#')[0] + ';';<br \/>\n  } else if (document.URL.indexOf('&iso') != -1) {<br \/>\n          isusdams=document.URL.split('&iso')[1].split('=')[1].split('&')[0].split('#')[0] + ';';<br \/>\n  }<br \/>\n  if (isusdams != '') {  \/\/ amapidgeo<br \/>\n        if (document.getElementById('amapidgeo')) {<br \/>\n          document.getElementById('amapidgeo').click();<br \/>\n        } else {<br \/>\n          setTimeout(latergeoclick, 5000);<br \/>\n        }<br \/>\n  }<br \/>\n<\/code><\/p>\n<p> &#8230; and &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\n   function gogeo(usug) {<br \/>\n     if (documentURL.indexOf('data=') != -1) {<br \/>\n      if ((documentURL + '~').indexOf('&data=~') != -1 && ('' + pardata).replace('undefined','') != '') {<br \/>\n        documentURL=documentURL + pardata;<br \/>\n      }<br \/>\n      var isdfrom='youllneverfindthis';<br \/>\n      var isdto='youllneverfindthis';<br \/>\n      var isfrom='youllneverfindthis';<br \/>\n      var isto='youllneverfindthis';<br \/>\n  var xiso='iso';<br \/>\n  if (document.URL.indexOf('&iso') != -1 && document.URL.indexOf('&iso=') == -1) {<br \/>\n    xiso='iso' + document.URL.indexOf('&iso')[1].split('=')[0];<br \/>\n          isdfrom='&iso' + document.URL.split('&iso')[1].split('=')[0] + '=';<br \/>\n          isdto='&iso=';<br \/>\n  }<br \/>\n      var isusdams='\" . (isset($_POST['iso']) ? trim(str_replace('+',' ',urldecode($_POST['iso']))) : (isset($_GET['iso']) ? trim(str_replace('+',' ',urldecode($_GET['iso']))) : '')) . \"';<br \/>\n  if (xiso != 'iso' && isusdams == '') { isusdams=decodeURIComponent(document.URL.split('&' + xiso + '=')[1].split('&')[0]);  }<br \/>\n      if (window.top || isusdams.trim() != '') {<br \/>\n        if (isusdams.trim() != '') {<br \/>\n          if (isusdams.indexOf(';') == -1) { isusdams+=';'; }<br \/>\n          if (eval('' + isusdams.length) &gt; 3) {  isfrom=isusdams.substring(0,3); isto=isusdams.substring(0,2) + ';';  }<br \/>\n        } else if (top.document.URL.indexOf('\/dams_usa.htm') != -1) {<br \/>\n          isusdams='US;';<br \/>\n        } else if (top.document.URL.indexOf('\/australian_') != -1) {<br \/>\n          isusdams='AU;';<br \/>\n        } else if (top.document.URL.indexOf('\/ireland_') != -1) {<br \/>\n          isusdams='IE;';<br \/>\n        } else if (top.document.URL.indexOf('\/new_zealand_') != -1) {<br \/>\n          isusdams='NZ;';<br \/>\n        } else if (document.URL.indexOf('iso=') != -1) {<br \/>\n          isusdams=document.URL.split('iso=')[1].split('&')[0].split('#')[0] + ';';<br \/>\n        } else if (parent.document.URL.indexOf('\/tz_places.php?iso=') != -1) {<br \/>\n          isusdams=parent.document.URL.split('\/tz_places.php?iso=')[1].split('&')[0].split('#')[0] + ';';<br \/>\n        } else if (top.document.URL.indexOf('\/tz_places.php?iso=') != -1) {<br \/>\n          isusdams=top.document.URL.split('\/tz_places.php?iso=')[1].split('&')[0].split('#')[0] + ';';<br \/>\n        }<br \/>\n      } else if (document.URL.indexOf('iso=') != -1) {<br \/>\n          isusdams=document.URL.split('iso=')[1].split('&')[0].split('#')[0] + ';';<br \/>\n      } else if (document.URL.indexOf('&iso') != -1) {<br \/>\n          isusdams=document.URL.split('&iso')[1].split('=')[1].split('&')[0].split('#')[0] + ';';<br \/>\n          isdfrom='&iso' + document.URL.split('&iso')[1].split('=')[0] + '=';<br \/>\n          isdto='&iso=';<br \/>\n      }<br \/>\n      if (isusdams != '') {<br \/>\n      locationhref=toolong((documentURL.replace(isdfrom,isdto) + '%20,%20[-90.0|0.0|~%20~,999999999]').replace('\/Map', '\/GeoChart').replace('map.php', 'geo_chart.php').replace('?','?width=556&height=347&country=Places&popularity=&aregeographicals=y&').replace('title=','title=' + (isusdams + '   ').substring(0,3).trim().replace(isfrom,isto)).replace(\/\\=\\,\/g,'=').replace(\/\\,\\~\/g,'|~').replace(\/0\\,\/g,'0|').replace(\/1\\,\/g,'1|').replace(\/2\\,\/g,'2|').replace(\/3\\,\/g,'3|').replace(\/4\\,\/g,'4|').replace(\/5\\,\/g,'5|').replace(\/6\\,\/g,'6|').replace(\/7\\,\/g,'7|').replace(\/8\\,\/g,'8|').replace(\/9\\,\/g,'9|').replace('%27|%20','%27,%20').replace('%27|','%27,').replace(\/\\~\\]\/g,'~,1]'));<br \/>\n      } else {<br \/>\n      locationhref=toolong((documentURL.replace(isdfrom,isdto) + '%20,%20[-90.0|0.0|~%20~,999999999]').replace('\/Map', '\/GeoChart').replace('map.php', 'geo_chart.php').replace('?','?width=556&height=347&country=Places&popularity=&aregeographicals=y&').replace(\/\\=\\,\/g,'=').replace(\/\\,\\~\/g,'|~').replace(\/0\\,\/g,'0|').replace(\/1\\,\/g,'1|').replace(\/2\\,\/g,'2|').replace(\/3\\,\/g,'3|').replace(\/4\\,\/g,'4|').replace(\/5\\,\/g,'5|').replace(\/6\\,\/g,'6|').replace(\/7\\,\/g,'7|').replace(\/8\\,\/g,'8|').replace(\/9\\,\/g,'9|').replace('%27|%20','%27,%20').replace('%27|','%27,').replace(\/\\~\\]\/g,'~,1]'));<br \/>\n      }<br \/>\n      \/\/locationhref=toolong((documentURL + ',[-90.0,0.0,~%20~,999999999]').replace('\/Map', '\/GeoChart').replace('map.php', 'geo_chart.php').replace('?','?width=556&height=347&country=Places&popularity=&aregeographicals=' + agy + '&').replace(\/\\=\\,\/g,'=').replace(\/\\,\\~\/g,'|~').replace(\/0\\,\/g,'0|').replace(\/1\\,\/g,'1|').replace(\/2\\,\/g,'2|').replace(\/3\\,\/g,'3|').replace(\/4\\,\/g,'4|').replace(\/5\\,\/g,'5|').replace(\/6\\,\/g,'6|').replace(\/7\\,\/g,'7|').replace(\/8\\,\/g,'8|').replace(\/9\\,\/g,'9|').replace('%27|%20','%27,%20').replace('%27|','%27,').replace(\/\\~\\]\/g,'~,1]'));<br \/>\n      \/\/locationhref=toolong((documentURL + '').replace('\/Map', '\/GeoChart').replace('map.php', 'geo_chart.php').replace('?','?width=556&height=347&country=Places&popularity=&aregeographicals=' + agy + '&').replace(\/\\=\\,\/g,'=').replace(\/\\,\\~\/g,'|~').replace(\/0\\,\/g,'0|').replace(\/1\\,\/g,'1|').replace(\/2\\,\/g,'2|').replace(\/3\\,\/g,'3|').replace(\/4\\,\/g,'4|').replace(\/5\\,\/g,'5|').replace(\/6\\,\/g,'6|').replace(\/7\\,\/g,'7|').replace(\/8\\,\/g,'8|').replace(\/9\\,\/g,'9|').replace('%27|%20','%27,%20').replace('%27|','%27,').replace(\/\\~\\]\/g,'~,1]'));<br \/>\n     } else {<br \/>\n      locationhref=usug;<br \/>\n     }<br \/>\n     if (locationhref != '#') { location.href=locationhref; } locationhref='';<br \/>\n   }<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p> &#8230; and <font color=blue>within the map.php interactivity logic<\/font> &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\n<font color=blue>function yourprompt(blb, defa) {<br \/>\n  if (('' + location.hash).indexOf('title=') != -1 && document.URL.indexOf('&') == -1) {<br \/>\n        return decodeURIComponent(('' + location.hash).split('title=')[1].split('&')[0]);<br \/>\n  } else if (document.URL.indexOf('title=') != -1 && document.URL.indexOf('&') == -1) {<br \/>\n        return decodeURIComponent(document.URL.split('title=')[1].split('=')[1].split('&')[0]);<br \/>\n  }<br \/>\n  return ourprompt(blb, defa);<br \/>\n}<\/font><br \/>\n<br \/>\n\/\/ used at ...<br \/>\n        echo ' var title = <font color=blue>y<\/font>ourprompt(\"Enter Map Title (background image URL or image data URI ; separated ( followed by ; ) before title are options, <font color=blue>and suffix by &iso=BR for BR as example of ISO country code for Brazil or &isoall=AU for regions of AU as country code of Australia or &iso=US-NJ|CA-AB example of regions of interest<\/font> and suffix by &lines=y for overlay clickable link lines and\/or suffix by &onclick=y for all onclick functionalities such as &brgplace=[1] for Bearing Distance table and perhaps &brgmode=trip for that table in trip order). Email Attachment Title suffixes are &emailto=[emailTo] &emailsubject=[EmailSubject] ... ' . $promptsuffix . '\", \"' . str_replace(\"+\",\" \",urldecode($GETtitle)). '\"); ' . \"\\n\";<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p> &#8230; and &#8230;<\/p>\n<p>&lt;?php echo &#8221;<br \/>\n<code><br \/>\n  function dllb() {<br \/>\n  var qpw=0;<br \/>\n  var justiso=true;<br \/>\n  if (('' + location.hash).indexOf('title=') != -1 && document.URL.indexOf('&') == -1) {<br \/>\n        thistwo=8;<br \/>\n        regionstuff=decodeURIComponent(('' + location.hash).split('title=')[1].split('&')[0]);<br \/>\n        if (regionstuff.indexOf('&iso') != -1) {<br \/>\n          if (regionstuff.split('&iso')[1].substring(0,1) != '=') { justiso=false;  }<br \/>\n          regionstuff=decodeURIComponent(('' + location.hash).split('title=')[1].split('&')[0]).split('&iso')[1].split('=')[1].split('&')[0];<br \/>\n        }<br \/>\n        if (!justiso) {<br \/>\n        thistwo=20;<br \/>\n        document.getElementById('idivis').style.width='700px';<br \/>\n        document.getElementById('idivis').style.height='500px';<br \/>\n        document.getElementById('idivis').style.backgroundColor='yellow';<br \/>\n        \/\/document.getElementById('idivis').style.backgroundRepeat='no-repeat';<br \/>\n        \/\/document.getElementById('idivis').style.backgroundSize='contain';<br \/>\n        \/\/document.getElementById('idivis').style.background='URL(\"\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php?ccode=' + regionstuff.substring(0,2) + '\")';<br \/>\n        document.getElementById('idivis').innerHTML='&lt;img oncontextmenu=\"document.getElementById(' + \"'idivis'\" + ').click();\"  onclick=\"document.getElementById(' + \"'idivis'\" + ').click();\" title=\"Click or right click near border to toggle between country view and world view\" title=\"\" id=ifdivis style=\"width:600px;height:400px;\" src=\"\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php?ccode=' + regionstuff.substring(0,2) + '\"&gt;&lt;\/img&gt;';<br \/>\n        document.getElementById('idivis').title='Click or right click near border to toggle between country view and world view';<br \/>\n        document.getElementById('idivis').onclick=function(evt){ thistwo+=50; if (document.getElementById('ifdivis').src.indexOf('&') == -1) { document.getElementById('ifdivis').src=document.getElementById('ifdivis').src.split('&')[0] + '&world=World';  evt.target.style.backgroundColor='lightblue';  } else {  document.getElementById('ifdivis').src=document.getElementById('ifdivis').src.split('&')[0]; evt.target.style.backgroundColor='yellow';  }   };<br \/>\n        document.getElementById('idivis').oncontextmenu=function(evt){ thistwo+=50; if (document.getElementById('ifdivis').src.indexOf('&') == -1) { document.getElementById('ifdivis').src=document.getElementById('ifdivis').src.split('&')[0] + '&world=World';  evt.target.style.backgroundColor='lightblue';  } else {  document.getElementById('ifdivis').src=document.getElementById('ifdivis').src.split('&')[0];  evt.target.style.backgroundColor='yellow';   }   };<br \/>\n        \/\/window.open('\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php?ccode=' + regionstuff.substring(0,2), '_blank', 'top=20,left=20,width=900,height=700');<br \/>\n        } else {<br \/>\n        document.getElementById('idivis').style.width='600px';<br \/>\n        document.getElementById('idivis').style.height='400px';<br \/>\n        document.getElementById('idivis').innerHTML='&lt;iframe style=\"width:600px;height:400px;\" src=\"\/\/www.rjmprogramming.com.au\/ITblog\/550\/350\/?cht=map&chld=' + regionstuff + '&chco=B3BCC0|5781AE|FF0000|FFC726|885E80|518274|A3BCC0|4781AE|EF0000|EFC726|785E80|418274\"&gt;&lt;\/iframe&gt;';<br \/>\n        }<br \/>\n  } else if (document.URL.indexOf('title=') != -1 && document.URL.indexOf('&') == -1) {<br \/>\n        thistwo=8;<br \/>\n        regionstuff=decodeURIComponent(document.URL.split('title=')[1].split('=')[1].split('&')[0]);<br \/>\n        if (regionstuff.indexOf('&iso') != -1) {<br \/>\n          if (regionstuff.split('&iso')[1].substring(0,1) != '=') { justiso=false;  }<br \/>\n          regionstuff=decodeURIComponent(('' + location.hash).split('title=')[1].split('&')[0]).split('&iso')[1].split('=')[1].split('&')[0];<br \/>\n        }<br \/>\n        if (!justiso) {<br \/>\n        thistwo=20;<br \/>\n        document.getElementById('idivis').style.width='700px';<br \/>\n        document.getElementById('idivis').style.height='500px';<br \/>\n        document.getElementById('idivis').style.backgroundColor='yellow';<br \/>\n        \/\/document.getElementById('idivis').style.backgroundRepeat='no-repeat';<br \/>\n        \/\/document.getElementById('idivis').style.backgroundSize='contain';<br \/>\n        \/\/document.getElementById('idivis').style.background='URL(\"\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php?ccode=' + regionstuff.substring(0,2) + '\")';<br \/>\n        \/\/document.getElementById('idivis').innerHTML='&lt;iframe title=\"Click or right click near border to toggle between country view and world view\" id=ifdivis style=\"width:700px;height:500px;\" src=\"\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php?ccode=' + regionstuff.substring(0,2) + '\"&gt;&lt;\/iframe&gt;';<br \/>\n        document.getElementById('idivis').innerHTML='&lt;img oncontextmenu=\"document.getElementById(' + \"'idivis'\" + ').click();\"  onclick=\"document.getElementById(' + \"'idivis'\" + ').click();\" title=\"Click or right click near border to toggle between country view and world view\" title=\"\" id=ifdivis style=\"width:600px;height:400px;\" src=\"\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php?ccode=' + regionstuff.substring(0,2) + '\"&gt;&lt;\/img&gt;';<br \/>\n        document.getElementById('idivis').title='Click or right click near border to toggle between country view and world view';<br \/>\n        document.getElementById('idivis').onclick=function(evt){  thistwo+=50; if (document.getElementById('ifdivis').src.indexOf('&') == -1) { document.getElementById('ifdivis').src=document.getElementById('ifdivis').src.split('&')[0] + '&world=World';  evt.target.style.backgroundColor='lightblue';  } else {  document.getElementById('ifdivis').src=document.getElementById('ifdivis').src.split('&')[0];  evt.target.style.backgroundColor='yellow';   }   };<br \/>\n        document.getElementById('idivis').oncontextmenu=function(evt){  thistwo+=50; if (document.getElementById('ifdivis').src.indexOf('&') == -1) { document.getElementById('ifdivis').src=document.getElementById('ifdivis').src.split('&')[0] + '&world=World';  evt.target.style.backgroundColor='lightblue';  } else {  document.getElementById('ifdivis').src=document.getElementById('ifdivis').src.split('&')[0];  evt.target.style.backgroundColor='yellow';   }   };<br \/>\n        \/\/window.open('\/\/www.rjmprogramming.com.au\/PHP\/GeoChart\/image_chart.php?ccode=' + regionstuff.substring(0,2), '_blank', 'top=20,left=20,width=900,height=700');<br \/>\n        } else {<br \/>\n        document.getElementById('idivis').style.width='600px';<br \/>\n        document.getElementById('idivis').style.height='400px';<br \/>\n        document.getElementById('idivis').innerHTML='&lt;iframe style=\"width:600px;height:400px;\" src=\"\/\/www.rjmprogramming.com.au\/ITblog\/550\/350\/?cht=map&chld=' + regionstuff + '&chco=B3BCC0|5781AE|FF0000|FFC726|885E80|518274|A3BCC0|4781AE|EF0000|EFC726|785E80|418274\"&gt;&lt;\/iframe&gt;';<br \/>\n        }<br \/>\n  }<br \/>\n  \/\/<br \/>\n  \/\/ rest of usual dllb \"onload\" event logic follows ...<br \/>\n  }<br \/>\n<\/code><br \/>\n&#8220;; ?&gt;<\/p>\n<p> &#8230; in <a target=_blank title='Interim code' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/Map\/map.php----------------------------------------GETME'>the changed<\/a> <a target=_blank title='Interim code' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Map\/map.php----------------------------------------GETME'>map.php.php<\/a> PHP code for <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Map\/map.php\">our inhouse Google Chart Map Chart interfacer<\/a>.<\/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='#d62143' onclick='var dv=document.getElementById(\"d62143\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/image\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d62143' 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='#d62151' onclick='var dv=document.getElementById(\"d62151\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/onclick\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d62151' 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='#d62156' onclick='var dv=document.getElementById(\"d62156\"); 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='d62156' 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='#d62160' onclick='var dv=document.getElementById(\"d62160\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/plot\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d62160' 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='#d62181' onclick='var dv=document.getElementById(\"d62181\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/country\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d62181' 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='#d62197' onclick='var dv=document.getElementById(\"d62197\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/hashtag\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d62197' 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='#d62202' onclick='var dv=document.getElementById(\"d62202\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/view\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d62202' 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='#d62210' onclick='var dv=document.getElementById(\"d62210\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/gd\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d62210' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>On top of yesterday&#8217;s Google Chart Geo Chart Image Chart Context Tutorial efforts regarding Google Chart Geo Chart and Google Charts Image Chart Map Chart context we want to add layers of &#8230; Geo Chart default &#8220;country shaded mode&#8221; mode &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-geo-chart-image-chart-better-context-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":[2,7,12,14,37],"tags":[3849,69,99,1885,1835,4636,181,2066,3913,3912,211,218,224,227,2105,2246,2081,2247,2539,290,2463,327,354,1683,409,1550,1619,518,2229,557,576,590,4562,592,4641,614,1577,3695,626,2395,4635,4642,652,745,2126,4638,795,1859,861,871,894,2411,4639,932,2819,1918,954,4637,997,998,1761,1620,4643,1105,4640,3834,1168,2450,1431,1456,1498],"class_list":["post-62210","post","type-post","status-publish","format-standard","hentry","category-ajax","category-colour-matching","category-elearning","category-event-driven-programming","category-tutorials","tag-404-php","tag-ajax","tag-area","tag-argument","tag-arguments","tag-beta","tag-call","tag-callback","tag-called","tag-caller","tag-click","tag-code","tag-colour","tag-colour-matching-2","tag-context","tag-continent","tag-country","tag-country-code","tag-createelement","tag-data","tag-default","tag-did-you-know","tag-dom","tag-dynamic","tag-external-javascript","tag-gd","tag-geo-chart","tag-google-chart","tag-hash","tag-hashtag","tag-html","tag-image","tag-image-chart","tag-image-map","tag-imagecolorat","tag-integration","tag-interface","tag-interfacing","tag-ios","tag-iso","tag-iso-country-code","tag-iso-3166","tag-javascript","tag-map","tag-map-chart","tag-marker","tag-mobile","tag-node","tag-onclick","tag-onmouseover","tag-overlay","tag-parent","tag-pass","tag-php","tag-pin","tag-pixel","tag-plot","tag-plotting","tag-programming","tag-programming-tutorial","tag-prompt","tag-region","tag-regional","tag-script","tag-shading","tag-small","tag-software-integration","tag-view","tag-wikipedia","tag-wordpress","tag-zoom"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/62210"}],"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=62210"}],"version-history":[{"count":14,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/62210\/revisions"}],"predecessor-version":[{"id":62224,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/62210\/revisions\/62224"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=62210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=62210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=62210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}