Tag Archives: onclick

Google Charts Geo Chart Region Picker Conditional Positioning Tutorial

Posted on July 5, 2024 by admin

Because of the work at Curl HTTP Request Methods Tool Tutorial we can now … conditionally (depending on the existence of the Google Charts Image Charts API) … determine the positioning of Region Picker functionality elements … further to yesterday’s … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged absolute, align, alignment, clash, clashing, clashing text, client pre-emptive iframe, colour, conditional, cursor, dimensions, div, document.body.scrollTop, DOM, event, events, geo chart, Google Charts, height, HTML, IFRAME, interface, Javascript, map, nest, onclick, oncontextmenu, opacity, overlay, padding-top, PHP, position, programming, region, right click, scroll, scrolling, scrollIntoView, scrollTop, shade, shading, SVG, tool, transparency, transparent, tutorial, underlay, url, user experience, UX, vertical scroll, width, Wikipedia, z-index | Leave a comment

Google Charts Geo Chart Region Picker Alignment Tutorial

Posted on July 4, 2024 by admin

In our inhouse Region Picker we like the way the right hand webpage side involved some useful … position: sticky; … positioning, useful within the realms of what is going on on the right hand side. But now we’re wanting … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged absolute, align, alignment, clash, clashing, clashing text, colour, cursor, dimensions, div, document.body.scrollTop, DOM, event, events, geo chart, Google Charts, height, HTML, IFRAME, interface, Javascript, map, nest, onclick, oncontextmenu, opacity, overlay, padding-top, PHP, position, programming, region, right click, scroll, scrolling, scrollIntoView, scrollTop, shade, shading, SVG, tool, transparency, transparent, tutorial, underlay, url, user experience, UX, vertical scroll, width, Wikipedia, z-index | Leave a comment

Google Charts Geo Chart Region Picker Shading Tutorial

Posted on July 1, 2024 by admin

We have a few major improvements onto yesterday’s Google Charts Geo Chart Region Picker Nesting Tutorial‘s work … shading of country in the Google Charts Geo Chart … addition of event logic for the “overlay/underlay/arriba” Google Charts Geo Chart incarnation … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged absolute, clash, clashing, clashing text, colour, dimensions, div, DOM, event, events, geo chart, Google Charts, height, HTML, IFRAME, interface, Javascript, map, nest, onclick, oncontextmenu, opacity, overlay, PHP, position, programming, region, right click, shade, shading, SVG, tool, transparency, transparent, tutorial, underlay, url, width, Wikipedia, z-index | Leave a comment

Region Picker GeoChart Region Local Popups Tutorial

Posted on June 28, 2024 by admin

There is little doubt that popup windows can distract users in terms of the “user experience” as of yesterday’s Region Picker GeoChart Region Wikipedia Representations Tutorial. And that is … if we are talking URLs all on the same domain … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, above the fold, absolute, address bar, API, argument, attribute, background, background-position, bearing, breadcrumbs, button, canvas, cartography, circle, click, client, clientside, clip-path, colour, colour code, colour matching, column, content, context, continent, country, country code, CSS, data, data attributes, degree, delimiter, details, Did you know, distance, document.getElementsByTagName, DOM, double click, dropdown, dynamic, Earth, element, emoji, emoji flag, error, event, event.stopPropagation, fill, flag, font size, form, GD, geo chart, geography, geojson, gesture, getElementById, global data attributes, Google chart, Google Directions, Google Earth, Google Translate, graphics, hash, hashtag, hashtagging, hotkey, hover, HTML, IFRAME, image, image chart, img, inhouse, innerHTML, innerText, inode, integration, internationalization, iso code, iso country code, ISO-3166, Javascript, keyboard, language, left, leg, legend, length, link, Linux, location.hash, lookup, magnify, Mapping, margin-left, margin-top, marker, mathematics, menu, Mercator, mobile, navigation, Object Oriented Programming, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, OOP, opacity, overlay, parameter, PHP, picker, pixel, pole, popup, popup window, post, programming, projection, prompt, property, pulldown, pulldown menu, realia, reality, region, regional, regional indicator, representation, request, resize, reveal, right click, scale, select, setAttribute, setTimeout, shade, shading, static, sticky, summary, SVG, text, textbox, timezone, top, touch, translate, translation, trip, trip planner, tutorial, unix, url, user experience, UX, vertical bar, view, web browser, who framed roger rabbit, Wikipedia, window.open, workflow, world, wrapper, z-index, zoom | Leave a comment

Region Picker GeoChart Region Wikipedia Representations Tutorial

Posted on June 27, 2024 by admin

We’re starting down the long and windy road, further to the recent Region Picker GeoJson Area of Interest Tutorial, of providing “workaround Google Chart Geo Chart solutions to semi-cover the loss (because nothing will be quite as good, as far … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged $_GET, $_POST, above the fold, absolute, address bar, API, argument, attribute, background, background-position, bearing, breadcrumbs, button, canvas, cartography, circle, click, client, clientside, clip-path, colour, colour code, colour matching, column, content, context, continent, country, country code, CSS, data, data attributes, degree, delimiter, details, Did you know, distance, document.getElementsByTagName, DOM, double click, dropdown, dynamic, Earth, element, emoji, emoji flag, error, event, event.stopPropagation, fill, flag, font size, form, GD, geo chart, geography, geojson, gesture, getElementById, global data attributes, Google chart, Google Directions, Google Earth, Google Translate, graphics, hash, hashtag, hotkey, hover, HTML, IFRAME, image, image chart, img, inhouse, innerHTML, innerText, inode, integration, internationalization, iso code, iso country code, ISO-3166, Javascript, keyboard, language, left, leg, legend, length, link, Linux, location.hash, lookup, magnify, Mapping, margin-left, margin-top, marker, mathematics, menu, Mercator, mobile, navigation, Object Oriented Programming, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, OOP, opacity, overlay, PHP, picker, pixel, pole, popup, popup window, post, programming, projection, prompt, property, pulldown, pulldown menu, realia, reality, region, regional, regional indicator, representation, request, resize, reveal, right click, scale, select, setAttribute, setTimeout, shade, shading, static, sticky, summary, SVG, text, textbox, timezone, top, touch, translate, translation, trip, trip planner, tutorial, unix, url, user experience, UX, vertical bar, view, web browser, who framed roger rabbit, Wikipedia, window.open, workflow, world, z-index, zoom | Leave a comment

Sentence Text Word Underlining Selection Tutorial

Posted on June 23, 2024 by admin

We found today, moving on from the recent Sentence Text Word Underlining Primer Tutorial and adding some event logic down the lines of … Event selectionchange … we got nowhere when the nested h2 elements were hosted by a div … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged content, contenteditable, CSS, dictionary, div, DOM, event, HTML, IFRAME, innerText, Javascript, onblur, onclick, onfocos, programming, pros and cons, selection, selectionchange, selector, sentence, text, tutorial, word | Leave a comment

XML Lint Validation CSS Background Colour Tutorial

Posted on June 20, 2024 by admin

Onto the recent XML Lint Validation Shared Encoding Tutorial we’d say what could “cheer things up”, shall we say, is to add some colour into the look of the XML Lint Validation web application. And to do this with inline … Continue reading →

Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials | Tagged aesthetics, background colour, broadband, browse, browsing, collaboration, colour, colour stop, connect, connection, CSS, DOM, email, emoji, encoding, event, fibre to the node, filename, FileReader, form, gobbledegook, Google, google home, google mesh, google wifi mesh, hardware, hashtag, hashtagging, install, iOS, iPhone, Javascript, keyboard, LAN, linear gradient, mesh, modem, NBN, network, onclick, ondblclick, onsubmit, port, readAsDataURL, readAsRext, selectionchange, setup, share, sharing, SMS, style, styling, submit, subnet, subnetwork, tutorial, utf-8, WiFi, wrap, wrapping | Leave a comment

XML Lint Validation Shared Encoding Tutorial

Posted on June 18, 2024 by admin

There are a lot of web applications we’ve been involved with that … try to avoid (what we are most “peeved” by, as an issue) gobbledegook when dealing with non-ascii content we try, encoding wise, to corral towards UTF-8 encoding … Continue reading →

Posted in eLearning, Event-Driven Programming, Operating System, Tutorials | Tagged broadband, browse, browsing, collaboration, colour, colour stop, connect, connection, DOM, email, emoji, encoding, event, fibre to the node, filename, FileReader, form, gobbledegook, Google, google home, google mesh, google wifi mesh, hardware, hashtag, hashtagging, install, iOS, iPhone, Javascript, keyboard, LAN, linear gradient, mesh, modem, NBN, network, onclick, ondblclick, onsubmit, port, readAsDataURL, readAsRext, selectionchange, setup, share, sharing, SMS, submit, subnet, subnetwork, tutorial, utf-8, WiFi, wrap, wrapping | 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
October 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 31

« Sep
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

October 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	31

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?

This is a helpful introduction to mind mapping, especially the explanation of how an unfamiliar .mm file can lead to discovering a practical visual-thinking tool. Mind maps are also useful for planning creative projects: I often map out a video’s key scenes, mood, pacing, and audio needs before production. Once that structure is clear, tools such as Flow Music can create AI background music for videos from a prompt, making it easier to match the soundtrack to each part of the visual plan. Thanks for sharing this accessible primer.

Thanks. Since then, a Shower Songs project at https://www.rjmprogramming.com.au/HTMLCSS/shower_songs.html is an improvement regarding "Radio Play" on mobile platforms.

This is a thoughtful example of using a single-row layout and scroll behavior to reveal media progressively. I especially liked the way the tutorial ties the gallery to real interaction details rather than treating the UI as a static mockup. For readers experimenting with the next stage of visual prototyping, LTX 2.3 Free collects prompt examples and workflow guidance for planning AI video scenes; the same attention to camera movement and timing is useful when turning a storyboard into motion.

Tag Archives: onclick

Google Charts Geo Chart Region Picker Conditional Positioning Tutorial

Google Charts Geo Chart Region Picker Alignment Tutorial

Google Charts Geo Chart Region Picker Shading Tutorial

Sentence Text Word Underlining Selection Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: onclick

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList