Moodle in English: JMatch and JMix on touch screens

Hotpot (plugin)

JMatch and JMix on touch screens

This discussion has been locked because a year has elapsed since the last post. Please start a new discussion topic.

JMatch and JMix on touch screens

by Gordon Bateson - Friday, June 13, 2014, 7:55 PM

Hi fellow HotPot Moodlers,

I have a bit of good news I would like to share ...

The Drag-and-Drop versions of JMatch and JMix will now perform nicely on iPads, iPhones and other devices that use a touch screen instead of a mouse + keyboard, when you run them through the QuizPort module (Moodle 1.x), the TaskChain module (Moodle 2.x) or the HotPot (Moodle 2.x).

The derivatives of these output formats, such as JMatch Sort and JMix KeyPress, also seem to work as expected.

As always, I welcome your feedback on the latest enhancements to these modules

Enjoy!
Gordon

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.

Re: JMatch and JMix on touch screens

by Gordon Bateson - Wednesday, June 18, 2014, 5:51 AM

Hi Alan,
there are three important points:

replace all "onmouse ..." and "onclick" events with "ontouch..." and "ontap"
in the function that handles the dragging of elements, you must cancel the "ontouchmove" event in order to prevent the whole page scolling on touch devices
because a touch device can detect multiple simultaneous touches, the (x,y) coordinates are held in an event's "changedTouches" array

You can see how these points have been implemented in the following files in the HotPot for Moodle 2.x

attempt/hp/hp.js
- function HP_fix_event()
attempt/hp/6/renderer.php
- function fix_js_clientXY()
- function fix_js_disable_event()

You can see the resulting modified code if you look at the source code of any JMatch or JMix exercise delivered by the HotPot, QuizPort or TaskChain modules. Look for the following functions:

function beginDrag
function doDrag
function endDrag

regards
Gordon

Average of ratings: -