- Numbers Guessing Game- Your Numbers Game- Get 
 clue- Your 
 answer- Your 
 Score- Clue? - Score 0/0 
- 
		Recent Posts- Message Board One Liners Div Linking Talents Tutorial
- Message Board One Liners Content Filtering Tutorial
- Message Board One Liners Group Privacy Tutorial
- Message Board One Liners Group Invitations Tutorial
- Message Board One Liners Primer Tutorial
- YouTube API Caller Radio Play Connection Loss Implication Tutorial
- Iframe Hashtag Calling Tutorial
- YouTube API Caller Radio Play Remembering Recall Words Tutorial
 
- 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 2025 - 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 
- Meta
- TagsAjax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game games Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map mobile navigation onclick overlay PHP programming select share sharing SMS SVG table text textarea tutorial url video web browser webpage
- Your Background Image
 
- OnTopList
Tag Archives: annotation
Earth Scanner Sharing Itinerary Detail Tutorial
Further to yesterday’s Earth Scanner Sharing Tutorial, today, we were … more than half expecting that for web browsers where navigator.canShare comes up with true (eg. Safari), supporting the Web Share API on a https:// protocol, we’d be saying for … Continue reading →
									
						Posted in eLearning, Event-Driven Programming, Trips, Tutorials					
					|
													
						Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, blog post, clip-path, code, collaboration, comma, comma separated list, CSS, delimiter, delimiters, detail, device, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geographicals, geography, geojson, Google Chrome, Google Directions, greenwich meridian, hash, hashtag, hashtagging, horizontal rule, HTML, Hunters and Collectors, image, img, interactive map, itinerary, Javascript, karaoke, keyframes, land, landscape, latitude, leg, legs, lengthy, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, navigator.canShare, North Pole, onclick, one image website, orientation, Page Visibility API, Patsy Gallant, place, placename, play, plot, pole, portrait, programming, realtime, reference, Safari, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, tab, terrestrial, timestamp, timezone, trip, trip leg, trip planning, trips, tropic of cancer, tropic of capricorn, tutorial, video, web browser, web browser tab.title, web share api, when, where, window, wrapper, YouTube					
					|
								Leave a comment
							
		Earth Scanner Sharing Tutorial
Another day, another API interfacing with our Earth Scanner web application from yesterday’s Earth Scanner Window Focus Tutorial. This time around, it is the turn of Web Share API to help us with our aim to introduce some … email … Continue reading →
									
						Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials					
					|
													
						Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, blog post, clip-path, code, comma, comma separated list, CSS, device, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geographicals, geography, geojson, Google Directions, greenwich meridian, hash, hashtag, horizontal rule, HTML, image, img, Javascript, karaoke, keyframes, land, landscape, latitude, leg, legs, line, lines, longitude, making of, mantissa, map, Mapping, media, Mercator, meridian, mixed content, mobile, North Pole, onclick, one image website, orientation, Page Visibility API, Patsy Gallant, place, placename, play, plot, pole, portrait, programming, realtime, reference, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, tab, terrestrial, timestamp, timezone, trip, trip leg, tropic of cancer, tropic of capricorn, tutorial, video, web browser, web browser tab.title, web share api, when, where, window, wrapper, YouTube					
					|
								Leave a comment
							
		XML Public Data Genericization Attributes Tutorial
Where to with improving on yesterday’s XML Public Data Genericization Where Clause Tutorial, today? Well … we “dip our toes” into XML attributes in terms of … expressing them in a SELECT list (if you’ll pardon the SQL) … and … Continue reading →
									
						Posted in eLearning, Event-Driven Programming, Tutorials					
					|
													
						Tagged annotated timeline chart, annotation, attribute, calendar, calendar chaer, calendar widget, chart, clause, data, date, date picker, DDL, Google chart, HTML, HTML5, input, interface, interfacing, Javascript, order by, PHP, picker, programming, relational database, resize, sort, sorting, SQL, timeline, timeline chart, tutorial, where, where clause, widget, Worldbank, YUI					
					|
								Leave a comment
							
		XML Public Data Genericization Where Clause Tutorial
If you’re like me, regarding online data, you work it in your mind to work in with SQL statements, in a relational database sense. In that sense, the first two of the three ways (while the third reminding us more … Continue reading →
									
						Posted in eLearning, Event-Driven Programming, Tutorials					
					|
													
						Tagged annotated timeline chart, annotation, calendar, calendar chaer, calendar widget, chart, clause, data, date, date picker, DDL, Google chart, HTML, HTML5, input, interface, interfacing, Javascript, order by, PHP, picker, programming, relational database, sort, sorting, SQL, timeline, timeline chart, tutorial, where, where clause, widget, YUI					
					|
								Leave a comment
							
		Google Charts Interfacing Date Picker Tutorial
We programmers have a lot to thank HTML5 for, regarding “pickers”? Think … input type=color … Colour Picker … and … input type=date … Date Picker … at the very least. But thinking about it, other than the initial Calendar … Continue reading →
									
						Posted in eLearning, Event-Driven Programming, Tutorials					
					|
													
						Tagged annotated timeline chart, annotation, calendar, calendar chaer, calendar widget, chart, date, date picker, Google chart, HTML, HTML5, input, interface, interfacing, Javascript, PHP, picker, programming, timeline, timeline chart, tutorial, widget, YUI					
					|
								Leave a comment
							
		Google Chart Image Chart Image Map Event Editing Tutorial
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
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
							
		 
                    
								

Google Chart Image Chart Angled Text Annotation Tutorial
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 →