Tag Archives: textbox

Region Picker Geo Chart Shading Markers Tutorial

Posted on January 29, 2024 by admin

With the Region Picker web application of Region Picker Right Click Tutorial we have three Geographicals Mode Menu items that we think are capable of an improved result, via Geo Chart country of interest Colour Coding, they being … Airports … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, absolute, address bar, API, argument, arguments, attribute, button, canvas, circle, click, client, clientside, colour, colour code, colour coding, colour matching, context, continent, country, CSS, deprecate, deprecation, document.getElementsByTagName, DOM, double click, dropdown, error, event, event.stopPropagation, fill, form, Fortran, GD, geo chart, gesture, Google chart, Google Earth, hash, hashtag, hotkey, HTML, IFRAME, image, image chart, img, integration, iPhone, Javascript, keyboard, left, legend, length, lookup, margin-left, margin-top, menu, mobile, navigation, ocean, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, opacity, overlay, PATH, PHP, picker, popup, popup window, post, programming, prompt, propoerty, pulldown, pulldown menu, region, regional, request, resize, right click, scale, select, setTimeout, shade, shading, sticky, stop press, SVG, text, textbox, timezone, top, touch, tutorial, url, view, web browser, window.open, world, z-index, zoom | Leave a comment

Region Picker Right Click Tutorial

Posted on January 28, 2024 by admin

Meanwhile, back at the Region Picker, feeding into yesterday’s Geo Chart Continent View Tutorial‘s progress … Continent View in Geo Charts progress … we nuance, and along the way, encapsulate “what we have been doing” ad infititum for about two … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, absolute, address bar, API, argument, arguments, button, canvas, click, client, clientside, colour, colour code, colour coding, colour matching, context, continent, country, CSS, deprecate, deprecation, double click, dropdown, error, event, event.stopPropagation, form, Fortran, GD, geo chart, gesture, Google chart, Google Earth, hash, hashtag, hotkey, HTML, IFRAME, image, image chart, img, integration, iPhone, Javascript, keyboard, left, legend, length, lookup, margin-left, margin-top, menu, mobile, navigation, ocean, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, opacity, overlay, PHP, picker, popup, popup window, post, programming, prompt, propoerty, pulldown, pulldown menu, region, regional, request, resize, right click, scale, select, setTimeout, sticky, text, textbox, timezone, top, touch, tutorial, url, view, web browser, window.open, world, z-index, zoom | Leave a comment

Geo Chart Continent View Tutorial

Posted on January 27, 2024 by admin

Further to yesterday’s Region Picker Image Chart Map Chart Legend Tutorial and the previous introduction of an automated toggle option for a “markers” mode World View of the Geo Chart talked about in Geo Chart Zoom Offset Tutorial, today, we … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, absolute, address bar, API, argument, arguments, button, canvas, click, client, clientside, colour, colour code, colour coding, colour matching, context, continent, country, CSS, deprecate, deprecation, double click, dropdown, error, event, event.stopPropagation, form, Fortran, GD, geo chart, gesture, Google chart, Google Earth, hash, hashtag, hotkey, HTML, IFRAME, image, image chart, img, integration, iPhone, Javascript, keyboard, left, legend, length, lookup, margin-left, margin-top, menu, mobile, navigation, offset, onblur, onclick, ondblclick, onload, onmousemove, opacity, overlay, PHP, picker, popup, popup window, post, programming, prompt, propoerty, pulldown, pulldown menu, region, regional, request, resize, scale, select, setTimeout, sticky, text, textbox, timezone, top, touch, tutorial, url, view, web browser, window.open, world, z-index, zoom | Leave a comment

Region Picker Image Chart Map Chart Legend Tutorial

Posted on January 26, 2024 by admin

When it comes to … Countries … and their … Regions … we find the use of … Image Chart Map Chart legends … to be a double edged sword in our current Region Picker web application project. Why? Well, … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, absolute, address bar, API, argument, arguments, button, canvas, click, client, clientside, colour, colour code, colour coding, colour matching, country, CSS, deprecate, deprecation, double click, dropdown, error, event, event.stopPropagation, form, Fortran, GD, geo chart, gesture, Google chart, Google Earth, hash, hashtag, hotkey, HTML, IFRAME, image, image chart, img, integration, iPhone, Javascript, keyboard, left, legend, length, lookup, margin-left, margin-top, menu, mobile, navigation, offset, onblur, onclick, ondblclick, onload, onmousemove, opacity, overlay, picker, popup, popup window, post, programming, prompt, propoerty, pulldown, pulldown menu, region, regional, request, resize, scale, select, setTimeout, sticky, text, textbox, top, touch, tutorial, url, view, web browser, window.open, world, z-index, zoom | Leave a comment

Geo Chart Mobile Zoom Offset Tutorial

Posted on January 25, 2024 by admin

The end of yesterday’s Geo Chart Zoom Offset Tutorial‘s work, for us, was a bit frustrating because we have this ridiculous optimistic view that the mobile platforms will ditch their opposition to … Javascript prompt window usage … and … … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, absolute, address bar, API, argument, arguments, button, canvas, click, client, clientside, colour, colour code, colour coding, colour matching, country, CSS, deprecate, deprecation, double click, dropdown, error, event, event.stopPropagation, form, Fortran, GD, geo chart, gesture, Google chart, Google Earth, hash, hashtag, hotkey, HTML, IFRAME, image, image chart, img, integration, iPhone, Javascript, keyboard, left, length, lookup, margin-left, margin-top, menu, mobile, navigation, offset, onblur, onclick, ondblclick, onload, onmousemove, opacity, overlay, picker, popup, popup window, post, programming, prompt, propoerty, pulldown, pulldown menu, region, regional, request, resize, scale, select, setTimeout, sticky, text, textbox, top, touch, tutorial, url, view, web browser, window.open, world, z-index, zoom | Leave a comment

Google Chart Image Chart Angled Text Annotation Tutorial

Posted on December 13, 2023 by admin

It’s Tuesday, in places around the world, looking back at yesterday’s Google Chart Image Chart Image Map Event Editing Tutorial. Can’t help but think we’ve forgotten something. Ah yes … You talkin’ to me? You talkin’ to me? Meanwhile, back … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged action, aesthetics, Ajax, angle, animated gif, annotation, area, attribute, attrribute selector, background image, bar chart, border, border-radius, box, box chart, broadcast, bubble, bubbling, candlestick chart, canvas, case, circle, client pre-emptive iframe, colour, commentary, compound, compound chart, concept, context, createElement, CSS, data, degrees, details, Did you know, discrete, discrete click, div, document.createElement, dropdown, earworm, edit, editing, emoji, encoding, entity, event, event logic, event-driven, event.stopPropagation, event.type, GD, geometry, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, guage, GUI, hardcoding, hierarchy, html entity, HTML5, icon, icons, IFRAME, image map, imageellipse, imagefilledellipse, ImageMagick, imagettftext, intelligence, interface, internationalization, justification, justify, label, layer, layers, line, line chart, linear gradient, loop, looping, macOS, mantissa, map, mathematics, meter, mobile, mouse, nest, nesting, obsession, onblur, onclick, onload, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placeholder, placement, play, play button, polygon, popup, popup window, programming, quadrant, rectangle, relationship, removeAttribute, representation, retwaek, reveal, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, shape, snapchat, song, speak, spread, statistics, stopPropagation, subelement, substitution, summary, SVG, switch, ternery, text, textarea, textbox, thumbnail, touch, touchdown, trigonometry, tutorial, tweak, user, utf-16, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Image Map Event Editing Tutorial

Posted on December 12, 2023 by admin

If we are talking “layers” (of functionality) again, onto the progress that yesterday’s Google Chart Image Chart Image Map Events Tutorial represented, then , it is logical … that if yesterday we presented some programmer defined image map event logic … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged action, aesthetics, angle, animated gif, annotation, area, attribute, attrribute selector, background image, bar chart, border-radius, box chart, broadcast, bubble, bubbling, candlestick chart, canvas, case, circle, client pre-emptive iframe, colour, commentary, compound, compound chart, concept, context, createElement, CSS, data, degrees, details, Did you know, discrete, discrete click, div, document.createElement, dropdown, earworm, edit, editing, emoji, encoding, entity, event, event logic, event-driven, event.stopPropagation, event.type, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, guage, GUI, hardcoding, hierarchy, html entity, HTML5, icon, icons, IFRAME, image map, imageellipse, imagefilledellipse, ImageMagick, intelligence, interface, internationalization, justification, justify, label, layer, layers, line, line chart, linear gradient, loop, looping, macOS, mantissa, map, mathematics, meter, mobile, mouse, nest, nesting, obsession, onblur, onclick, onload, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placeholder, placement, play, play button, polygon, popup, popup window, programming, rectangle, relationship, removeAttribute, representation, retwaek, reveal, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, shape, snapchat, song, speak, spread, statistics, stopPropagation, subelement, substitution, summary, SVG, switch, ternery, text, textarea, textbox, thumbnail, touch, touchdown, tutorial, tweak, user, utf-16, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Google Chart Image Chart Image Map Events Tutorial

Posted on December 11, 2023 by admin

We really like HTML image maps, and it occurred to us with yesterday’s Google Chart Image Chart Image Map Tutorial we were hiding its light under some bushel somewhere, because … yesterday we introduced with only the onclick event coded … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged action, aesthetics, angle, animated gif, annotation, area, attribute, attrribute selector, background image, bar chart, border-radius, box chart, broadcast, bubble, bubbling, candlestick chart, canvas, case, circle, client pre-emptive iframe, colour, commentary, compound, compound chart, concept, context, CSS, data, degrees, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, encoding, entity, event, event logic, event-driven, event.stopPropagation, event.type, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, guage, GUI, hardcoding, hierarchy, html entity, HTML5, icon, icons, IFRAME, image map, imageellipse, imagefilledellipse, ImageMagick, intelligence, interface, internationalization, justification, justify, label, layer, layers, line, line chart, linear gradient, loop, looping, macOS, mantissa, map, mathematics, meter, mobile, mouse, nest, nesting, obsession, onclick, onload, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placeholder, placement, play, play button, polygon, popup, popup window, programming, rectangle, relationship, removeAttribute, representation, retwaek, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, shape, snapchat, song, speak, spread, statistics, stopPropagation, subelement, substitution, SVG, switch, ternery, text, textarea, textbox, thumbnail, touch, touchdown, tutorial, tweak, user, utf-16, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube | Leave a comment

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Search for:
Recent Posts
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
November 2026

S M T W T F S

1 2 3 4 5 6 7

8 9 10 11 12 13 14

15 16 17 18 19 20 21

22 23 24 25 26 27 28

29 30

« Oct
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser webpage
Your Background Image
OnTopList

November 2026
S	M	T	W	T	F	S
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

The Hello World starting point makes it easier to separate project setup from asset problems. A useful follow-up would be importing a small sprite sheet and checking frame dimensions, ordering and padding before adding animation logic. Previewing the individual frames first can help identify whether a problem comes from the artwork or from the engine configuration.

The distinction between course-driven and immersion-driven learning is useful. A small extension to the australia.htm exercise would be a set of named map markers and a text filter: first update the visible markers on an input event, then add a collected/uncollected toggle, and finally persist only that toggle state in localStorage. That gives beginners a concrete reason to learn arrays, DOM updates and browser storage without needing PHP or MySQL first. It is also worth testing empty searches, a page reload and disabled storage separately; those are different failure cases. Disclosure: we maintain the GTA 6 interactive map. I am suggesting it as an example of a map-and-progress interface, not claiming that we used the tutorial code. Would you introduce persistence after the first working interaction, or keep the initial exercise entirely stateless?

What I find most interesting here is how honestly the post names the hard part: getting focus to work with [element].click() and [element].blur() is the kind of detail that looks trivial until you actually try to drive a page this way. The single-row table that deliberately overflows to the right also makes sense as a design choice, since a radio playlist needs to be scrolled through rather than squeezed into one screen. And the payoff — clicking one song link and having the songs play in sequence and loop back through the list — is a neat reward for all that plumbing with the audio-only YouTube player.

I like the single-row radio-play approach for keeping the controls compact while still making each selection clear. When I’m checking a calculation alongside a tutorial, I use StepStat to see the intermediate steps; how do you handle the layout when the playlist gets much longer?

The idea of mapping a video's key scenes, mood, pacing, and audio before production resonates with me — it's a lot like working out an anagrampuzzle, where the same pieces only make sense once you rearrange them into the right order. Do you usually sketch the mind map before or after the script is locked?

Tag Archives: textbox

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: textbox

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList