Tag Archives: page source

Google Chart Image Chart Map Chart Context Tutorial

Onto yesterday’s Google Chart Image Chart Map Chart Primer Tutorial start with Google Charts Image Chart Map Chart interfacing, today we’ve come at it from two subcategories relating to fallback positions and “context” … add Geo Chart and Map Chart optionally viewed details/summary iframes showing country TimeZone position data add a mechanism that if we can determine a country’s ideal range of latitude,longitude “box” view, as we found GADM could help us with, thanks, we can flag that … $ourtzlist=” …<option value=\”Asia/Shanghai\” title=\”17,82,55,133\” data-geo=\”31.23333,121.46666,CST,CN,+8\”>Asia/Shanghai</option><option value=\”Asia/Singapore\” data-geo=\”1.28333,103.85,+08,SG,+8\”>Asia/Singapore</option> …”; … in the data However, this last one both needs more “wading through data” and “consideration” because it seems to be at Google Charts that not even the national boundary is shown when this regional data is not recognized. The first one, though, is useful in our changed second draft image_chart.php PHP web application for you to try, below, perhaps … Previous relevant Google Chart Image Chart Map Chart Primer Tutorial is shown below. We hope today’s work does not confuse terms, because we’re exploring a new area of Google Charts functionality today they refer to as … Google Charts Image Charts … and you’ll see there lots of suboptions we’ll explain a bit more about later, and all this is separate functionality to … Google Charts Map Chart … and … Google Charts Geo Chart … and, as of today, we interface to all three categories of Google Charts above, with three separate PHP web applications. So, what’s the potential confusion? Well, we start out today interfacing to an Image Chart suboption called “Map Chart”, but not the one above, because its look is more in keeping with what the “Geo Chart” above achieves. We’ve written a web application, here, to show regional places within a country (via its 2 letter code) if this has been catered for by Google Charts, and for the most part, that is the case. And so, on the same theme as yesterday’s Google Chart Geo Chart Zoom In Quiz Translate Tutorial, and thanks to Wikipedia for regional code lookups, we would welcome you to try out our “proof of concept” first draft image_chart.php PHP web application for you to try, below, perhaps … Previous relevant Google Chart Geo Chart Zoom In Quiz Translate Tutorial is shown below. You could say the way we navigate to our recent … World Quiz … from our … Geo Chart … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Chart Image Chart Map Chart Primer Tutorial

We hope today’s work does not confuse terms, because we’re exploring a new area of Google Charts functionality today they refer to as … Google Charts Image Charts … and you’ll see there lots of suboptions we’ll explain a bit more about later, and all this is separate functionality to … Google Charts Map Chart … and … Google Charts Geo Chart … and, as of today, we interface to all three categories of Google Charts above, with three separate PHP web applications. So, what’s the potential confusion? Well, we start out today interfacing to an Image Chart suboption called “Map Chart”, but not the one above, because its look is more in keeping with what the “Geo Chart” above achieves. We’ve written a web application, here, to show regional places within a country (via its 2 letter code) if this has been catered for by Google Charts, and for the most part, that is the case. And so, on the same theme as yesterday’s Google Chart Geo Chart Zoom In Quiz Translate Tutorial, and thanks to Wikipedia for regional code lookups, we would welcome you to try out our “proof of concept” first draft image_chart.php PHP web application for you to try, below, perhaps … Previous relevant Google Chart Geo Chart Zoom In Quiz Translate Tutorial is shown below. You could say the way we navigate to our recent … World Quiz … from our … Geo Chart Interfacer … in the web application as of yesterday’s Google Chart Geo Chart Zoom In Quiz Hints Tutorial was a bit cryptic, or convoluted, the way at a first prompt window we’d change an entry from the default My World Survey to My World Quiz or even to click that button that we’d arranged in this blog posting thread. Nevertheless, we were a bit loathe to change the arrangements, until we ran into problems involving today’s work of … Adding a Google Translate layer on top of the World Quiz … to facilitate some Internationalization (ie. language translation from English to non-English) into the mix. Yes, our PHP caused problems interfacing to Google Translate. So, what was our approach? We took a snapshot (ie. web browser View -> Page Source) at a point after the convolutions above, and worked off that to introduce a new code file member. Welcome … … via our proof of concept geochart.html clientside only web application … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Chart Geo Chart Zoom In Quiz Translate Tutorial

You could say the way we navigate to our recent … World Quiz … from our … Geo Chart Interfacer … in the web application as of yesterday’s Google Chart Geo Chart Zoom In Quiz Hints Tutorial was a bit cryptic, or convoluted, the way at a first prompt window we’d change an entry from the default My World Survey to My World Quiz or even to click that button that we’d arranged in this blog posting thread. Nevertheless, we were a bit loathe to change the arrangements, until we ran into problems involving today’s work of … Adding a Google Translate layer on top of the World Quiz … to facilitate some Internationalization (ie. language translation from English to non-English) into the mix. Yes, our PHP caused problems interfacing to Google Translate. So, what was our approach? We took a snapshot (ie. web browser View -> Page Source) at a point after the convolutions above, and worked off that to introduce a new code file member. Welcome … … via our proof of concept geochart.html clientside only web application version (or the old access approach in all these changes to geo_chart.php PHP web application still works). Any downside doing this? A little, in that within a Google Translate “bubble” we could not work the Wikipedia images hint part of the logic. Also, you may run into problems with SVG image backgrounds using an svg+xml protocol, or we may just have been having a bad day?! So sad. Previous relevant Google Chart Geo Chart Zoom In Quiz Hints Tutorial is shown below. Yesterday’s Google Chart Geo Chart Zoom In Quiz Aesthetics Tutorial showed us … using a web inspector to dynamically change CSS styling in place preparatory to making a permanent change … well, today, we’re here to reiterate … using a web inspector can help with a myriad of Javascript logic errors or debugging, as well … and we do that today adding hints to all these changes to geo_chart.php Geo Chart interfacer at this live run World Quiz web application link or click a button down below. Do the hints look familiar? Take a read of Javascript Lazy Evaluation Country Game Hints Tutorial and it all might come back to you! Previous relevant Google Chart Geo Chart Zoom In Quiz Aesthetics Tutorial is shown below. We recently revisited the PHP web application we call … Google Chart Geo … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment