Category Archives: Event-Driven Programming

Event-driven programming (EDP) or event-based programming is a programming paradigm in which the flow of the program is determined by events ( Wikipedia )

HTML Canvas Memories Game Drag and Drop Tutorial

Posted on by

The Canvas HTML element tag combines with some drag and drop event Javascript logic today with our revised Memories Card Game we first developed some time back with HTML/Javascript Canvas Memories Card Game Primer Tutorial as shown below. In the … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, GUI, Tutorials | Tagged , , , , , , , , , | 4 Comments

HTML Colour Coded Tic Tac Toe Drag and Drop Tutorial

Posted on by

Today we revisit the Javascript client drag and drop events for non-mobile platforms. Do you remember when we presented HTML/Javascript Canvas Tic Tac Toe Game Drag and Drop Tutorial as shown below, where we created a drag and drop game … Continue reading →

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

HTML5 Canvas Map Clickaround Onresize Tutorial

Posted on by

Yesterday we came back after quite some time in the (PHP) server world to some client (Javascript and HTML) work, and today, after yesterday’s HTML5 Canvas Map Clickaround Overlay Tutorial as shown below, we tackle a client Javascript event, the … Continue reading →

Posted in eLearning, Event-Driven Programming, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , , , | 11 Comments

HTML5 Canvas Map Clickaround Overlay Tutorial

Posted on by

After some time in the (PHP) server world, it’s time to dive back into some client (Javascript and HTML) work, in this client/server world of web applications. Today we revisit the “overlay” theme of blog postings, as the web application … Continue reading →

Posted in eLearning, Event-Driven Programming, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , , | 13 Comments

Javascript jQuery Traversing Primer Tutorial

Posted on by

Javascript brings great things to the client side of web applications. And within this Javascript world a wonderful library of functionality is jQuery. The jQuery library starts you thinking in a jQuery way, admittedly, but you can mix and match … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , | 15 Comments

HTML5 Track Element Primer Tutorial

Posted on by

HTML5 brought in quite a few new HTML element types (which you can read more about here) and one very useful one appears in the HTML code snippet as below … <video controls> <source type=”video/ogg; codecs=”vp8, vorbis”” src=”http://www.rjmprogramming.com.au/PHP/videos/GoToMeeting.ogv”></source> <track kind=”subtitles” … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , | 10 Comments

Internet Explorer 8 with No Canvas Primer Tutorial

Posted on by

Was gobsmacked the other day trying worldold.htm on Internet Explorer 8, because I’d forgotten that the “canvas” element is not supported in IE8 or below. This web application uses the HTML5 “canvas” element not natively available in IE8 or below. … Continue reading →

Posted in eLearning, Event-Driven Programming, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , | 1 Comment

HTML5 Canvas Map Clickaround Follow Up Tutorial

Posted on by

HTML5 brought in the incredibly useful “canvas” element, for the first time. Its existence opens up a whole new world of possibilities for web applications that are graphical by nature, as we saw yesterday with HTML5 Canvas Map Clickaround Primer … Continue reading →

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