Category Archives: Tutorials

A tutorial is a method of transferring knowledge and may be used as a part of a learning process ( Wikipedia )

Javascript getComputedStyle and getPropertyValue Method Iframe Ajax Srcdoc Tutorial

Of those Window Object Method calls of yesterday’s Window Object Method Override Return Values Tutorial one, especially, got us intrigued, that being the two part … const getComputedStyle = (one,two) => { lasto=window.getComputedStyle(one); console.log(lasto.getPropertyValue(two)); }; … conjoined use of the … Continue reading

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

Window Object Method Override Return Values Tutorial

It is somewhat true that Javascript does not care about the type of variable your non-array variable is, in the sense that … strings … and … (any of the forms of) integers or real numbers … can be “housed” … Continue reading

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

Window Object Method Override Textbox Tutorial

Yesterday’s Window Object Method Override Primer Tutorial‘s web application needed interactive entry to work. There are many interactive entry methodologies available to web applications, but perhaps yesterday’s choice of … prompt Javascript popup window … approach is not ideal, it … Continue reading

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

Window Object Method Override Primer Tutorial

Yesterday’s Colour Wheel Prompt Override Tutorial prompted us (chortle, chortle) to piece together a more generic look at … window object methods … and … override … ideas … merged into a … “proof of concept” web application … that … Continue reading

Posted in eLearning, Event-Driven Programming, OOP, 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

SVG Network Clock Iframe Window Opener Tutorial

Onto the interfacing and integration work of yesterday’s SVG Network Digital and Analogue Clock Synchronizing Tutorial, today we have a three way relationship set to achieve a more dynamic popup window that responds to changes of its window.opener, the “kicker” … Continue reading

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