Tag Archives: svg+xml

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

SVG Network Digital and Analogue Clock Synchronizing Tutorial

The work of yesterday’s SVG Network Digital and Analogue Clock Interfacing Tutorial has moved us to improve … the accuracy of the Colour Wheel datetime synchronization with the SVG Network Clock … ie. it can be offputting seeing two clocks … Continue reading

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

PHP Date Difference Background SVG Image Tutorial

More progress onto that of yesterday’s PHP Date Difference Current Time Tutorial is to … add background image (based on SVG (mainly “text” element(s)) XML) showing … date’s day of week time’s analogue clock (in the form of an emoji) … Continue reading

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

Emoji Borders and Backgrounds Canvas Annotation Tutorial

Up to now with the SVG -> IMG -> CANVAS parent web application to our newish PHP tool child of Emoji Borders and Backgrounds Curl Tutorial we have tried to keep … SVG IMG CANVAS … contents in synch as … Continue reading

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

Emoji Borders and Backgrounds Curl Tutorial

We find curl to be that interesting PHP “mode of use” hybrid of the involvement of … HTTP protocol URLs command line interface to PHP exec … that might help you “look back at yourself from outside” as we use … Continue reading

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