Tag Archives: cursor

Word Find Game Underlay Tutorial

If you are a regular reader at this blog, you will know we discuss the CSS styling idea of … overlay … much more than … underlay … but there is essentially only the difference in the control of “z-index” … Continue reading

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

Word Find Game Primer Tutorial

Today’s “Word Find Game” gets its inspirations from two sources … remembering those word find games you might find in the Sunday newspapers … and as a coding basis … textarea and Selection API user interface you can prepare for … Continue reading

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

Selection API and Clipboard API Tutorial

There’s the … clipboard, the “cut and copy and paste ideas”, for text, as we showed you with Clipboard API Image Tutorial and Clipboard API Primer Tutorial … but there’s also the bit before you reach the clipboard using the … Continue reading

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

Clipboard API Image Tutorial

Yes, yesterday’s Clipboard API Primer Tutorial‘s Clipboard API usages just involved … text based data … and today we turn our attention to … image based data … to extend the functionality and interest of our changed clipboard_api_test.htm proof of … Continue reading

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

Clipboard API Primer Tutorial

Here’s another day of testing a Javascript API today, which has that “desktop feel”, that being the Clipboard API … The Clipboard API provides the ability to respond to clipboard commands (cut, copy, and paste) as well as to asynchronously … Continue reading

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

Colour Wheel Prompt Override Tutorial

In yesterday’s Colour Wheel Size and Spoke Colour Tutorial discussion around the Javascript alert popup ideas we never actually call the “alert” (that references the window.alert) method in what we are doing. We just are using an “alert” box look … Continue reading

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

Colour Wheel Size and Spoke Colour Tutorial

Thinking about the “Child” Colour Wheel of yesterday’s SVG Network Clock Map Right Click Hashtagging Tutorial we wanted to add some user controllable … way for the user to change the Colour Wheel radius … in other words, its size … Continue reading

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

SVG Network Clock Map Right Click Hashtagging Tutorial

Adding to yesterday’s SVG Network Clock Iframe Window Opener Tutorial we have a combination of … right click (Windows) or two finger gesture (macOS) event logic … var altwo=””; //”//www.rjmprogramming.com.au/PHP/Map/map.php?title=Greenwich%20London&onclick=y&label=[‘Lat’,&value=’Lon’,’Name’]&data=,[51.4769,-0.0005,~Greenwich~]”; var althree=”//www.rjmprogramming.com.au/PHP/GeoChart/geo_chart.php?title=Greenwich%20London%20Places&aregexographicals=y&aregeographicals=HTTP.From%2Chttp.To%2Chttp.Greenwich&peninfo=51.4769|-0.0005|127968_From,51.4769|-0.0005|128205_To,51.4769|-0.0005|Greenwich&width=834&height=520&country=Places&popularity=&data=%20[51.4769|-0.0005|~From~,2]%20,%20[51.4769|-0.0005|~To~,2]%20,%20[51.4769|-0.0005|~Greenwich~,2]”; if (document.addEventListener) { document.getElementById(‘myhr’).addEventListener(‘contextmenu’, function(e) { e.preventDefault(); window.open(modgeomay(althree),’_blank’,’top=100,left=100,width=850,height=800′); … Continue reading

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