Tag Archives: popup

Webpage Before Onload Event Client Server Report Tutorial

Posted on November 27, 2024 by admin

And so, today, we expose all the fun we’ve been having running an Apache/PHP/MySql web server where both … HTML and Javascript and CSS … on the clientside of yesterday’s Webpage Before Onload Event Report Tutorial … can get backed … Continue reading →

Posted in eLearning, Tutorials | Tagged client/server, clientside, document.dody, document.referrer, document.URL, DOM, form, hash, hashtag, hashtagging, HTML, Javascript, MAMP, navigation, onload, PHP, popup, programming, proof of concept, serverside, tutorial, web server, webpage, window, window.open, window.opener | Leave a comment

Webpage Before Onload Event Report Tutorial

Posted on November 26, 2024 by admin

Although Javascript DOM used on the clientside of webpage production online thrives after the document.body onload event, we’ve been finding, especially regarding hashtag usage, more and more uses even before the document.body onload event. Why this interest? the earlier you … Continue reading →

Posted in eLearning, Tutorials | Tagged clientside, document.dody, document.referrer, document.URL, DOM, form, hash, hashtag, hashtagging, HTML, Javascript, MAMP, navigation, onload, PHP, popup, programming, proof of concept, tutorial, webpage, window, window.open, window.opener | Leave a comment

Australian Postcode Place Revisit Tutorial

Posted on November 12, 2024 by admin

You know how you get to a relatively empty carpark and have more trouble deciding than if it had been chock-a-block? That’s our excuse for all the ways we found for improvement regarding this “where of life” web application, on … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged Australia, background, background image, background-position, bearing, body, cross-domain, crow fly, degrees, distance, event, function, geographicals, Google chart, Google Directions, Google Maps, image, integer, Javascript, leading zero, map chart, mathematics, modal, modal backdrop, moveTo, nearby, Northern Territory, onblur, onload, onmouseover, photo, photograph, popup, postcode, programming, setting out, sort, stopPropagation, title, tutorial, webpage, where, Wikipedia, window, window.open, zero | Leave a comment

Earth Scanner Initial Placename Popup Window Tutorial

Posted on July 18, 2024 by admin

With the Earth Bearing Distance Missing Two Hashtagged Mailto Sharing Tutorial it was the same Earth Scanner web application involved as talked about in Earth Scanner Placements Tutorial where it talked about the URL … https://www.rjmprogramming.com.au/HTMLCSS/earth_scanner.html?nontz=Alice_Springs%7C133.8807%7C_23.6980%7CAU#Alice_Springs … or equivalent in … Continue reading →

Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials | Tagged absolute URL, address bar, Ajax, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, background image, background-position, base64, blog post, browse, browsing, clip-path, code, collaboration, collage, comma, comma separated list, CSS, curl, decode, delimitation, delimiter, delimiters, detail, device, Did you know, document.title, DOM, Earth, email, emoji, emoji flag, equator, external CSS, external Javascript, file, FileReader, filereader api, focus, geodata, geographicals, geography, geojson, Google, Google Chrome, Google Directions, greenwich meridian, hash, hashtag, hashtagging, horizontal rule, hotlink, HTML, IFRAME, image, img, interactive map, intranet, itinerary, Javascript, karaoke, keyframes, kinear-gradient, kludge, land, landscape, latitude, leg, legs, lengthy, line, linear gradient, lines, link, local web server, localStorage, longitude, making of, MAMP, mantissa, map, Mapping, margin, margin-left, margin-top, media, Mercator, meridian, microphone, mixed content, mobile, navigator.canShare, North Pole, onclick, one image website, operating system, order, orientation, overlay, Page Visibility API, Patsy Gallant, place, placement, placename, play, plot, pole, popup, portrait, programming, realtime, reference, Safari, screen height, screen width, screen.orientation, script, scroll, scrolling, sea, share, sharing, SMS, south pole, speech, speech to text, stop press, style, styling, syntax, tab, terrestrial, textarea, timestamp, timezone, timing, trip, trip leg, trip planning, trips, tropic of cancer, tropic of capricorn, tutorial, url, video, web browser, web browser tab.title, web share api, Web Speech, Web Speech API, when, where, Wikipedia, window, window.atob, window.open, wrapper, YouTube | Leave a comment

English Translated Verb Conjugation Countdown Timer Tutorial

Posted on July 7, 2024 by admin

We had occasion to revisit our inhouse Italian/French/Spanish Verb Conjugation web application “redirector” (in that it is third parties doing the bulk of the work, thanks), further to the English Translated Verb Conjugation Emoji Tutorial‘s last mention. It struck us, … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged Ajax, button, countdown, CSS, dictionary, display, DOM, dropdown, emoji, eval, event, game, Google, Google Translate, grammar, HTML, Italian, Javascript, jQuery, language, onclick, onmouseover, popup, programming, progress, reveal, select, tense, Text to Speech, timer, tutorial, verb, visibility, window.open, word game | 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

Animated GIF Slide Extraction Applied CSS Styling Tutorial

Posted on June 9, 2024 by admin

We dedicate today’s blog posting to the English phrase (that maybe works in other languages) … Same, same but different … as it is about the pros and cons of HTML iframe integration, especially as it applies to CSS styling. … Continue reading →

Posted in eLearning | Tagged $_GET, $_POST, $_SERVER['QUERY_STRING'], acceptance testing, action, Ajax, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, below the fold, bottom, btoa, button, canvas, child, clearRect, client, client pre-emptive iframe, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, CSS, cursor, data, data limits, data uri, data url, drawImage, duration, emoji, ffmpeg, fill, fillRect, fillStyle, fold, font, font colour, font family, font size, form, Google, Google PageSpeed, grandparent, graphics, IFRAME, image, ImageMagick, interactive, interface, interfacing, justification, justify, line feed, local web server, localhost, MAMP, navigation, oncontextmenu, ondblclick, onload, parent, PHP, php://input, popup, position, programming, pros and cons, question, quiz, right click, score, scribble, scroll, server, slide, slides, span, speed test, style, styling, SVG, svg quiz, svg+xml, target, text, textbox, toDataURL, toggle, tool, top, transparency, transparent, tutorial, up, url, user acceptance, user experience, utf-8, UX, watermark, web server, window, window.btoa, window.open, window.opener | 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: popup

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList