Tag Archives: Javascript

HTML/Javascript PopUp Mouseover Event Game Tutorial

Posted on by

Are you … a fan of Mission Impossible amazed when Rafael Nadal avoids walking on the lines when accidentally dropping your toast, hoping it lands butter up …? If you scored 2 or above … please read on. If you … Continue reading →

Posted in eLearning, Games, Tutorials | Tagged , , , , , , , , , , | 11 Comments

HTML/Javascript Object Primer Tutorial

Posted on by

There are three HTML elements that embed other HTML or images or media. They are … iframe object embed … and today we are going to show how similar the first two are when you are working with embedded data … Continue reading →

Posted in eLearning, Tutorials | Tagged , , , , , , , , , | 17 Comments

HTML/Javascript Music Chord Game Tutorial

Posted on by

Yesterday we wrote a musical pitch game for one note at a time and today we extend that functionality to allow the user to guess the characteristics of musical chords and intervals played for them by this MIDI music web … Continue reading →

Posted in eLearning, Games, Tutorials | Tagged , , , , , , , , , , , , , | 7 Comments

HTML/Javascript Music Pitch Game Tutorial

Posted on by

Yesterday we continued on with the MIDI music web application (as you can see below with HTML/Javascript/PHP Compose Music Tutorial) we’ve been working on almost to the point of it being useful to be called upon within an HTML iframe … Continue reading →

Posted in eLearning, Games, Tutorials | Tagged , , , , , , , , , , , , , | 25 Comments

HTML/Javascript/PHP Compose Music Tutorial

Posted on by

Yesterday we set up the MIDI music web application we’ve been working on to take the first steps with composing, with HTML/Javascript Music Follow Up Tutorial as shown below, and as you may recall from this the idea that the … Continue reading →

Posted in eLearning, Tutorials | Tagged , , , , , , , , , , , | 5 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

HTML/Javascript Staged Animation Meter Presentation Tutorial

Posted on by

Slideshows can be a great way to present information. A slideshow is a form of animation that at its fastest is like a movie, where the images overlay on top of each other so fast our brains declare it a … Continue reading →

Posted in Animation, eLearning, GUI, Tutorials | Tagged , , , , , , , , , , , , , , | 12 Comments

HTML/Javascript and PHP Quiz Meter Tutorial

Posted on by

A quiz is a fairly common way to learn, and a short answer or multiple choice quiz is easy to design with HTML and Javascript. We did this back with HTML/Javascript and PHP Quiz Tutorial as shown below, and it … Continue reading →

Posted in eLearning, GUI, Tutorials | Tagged , , , , , , , , , , | 15 Comments