I need help converting a Word Search to mobile [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

---

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Closed 9 years ago.

Improve this question

Here's what I've done so far: http://www.phillipsenn.com/TPT/WordSearch/VisualCreator.cfm

It's a grid with 1 letter in each cell. The student drags their mouse to highlight a word.

What I want to do is have a UI for the iPhone where a student can drag their finger to complete a word the way it's already working on the desktop version.

If the iPhone is too hard, then maybe I could start by getting it to work on Android first. On my Nexus, dragging my finger down doesn't do anything, and dragging it to the left is scrolling the screen.

Answer 1

Your current javascript listens for mousedown, mouseup events and these events aren't triggered by default on touchscreen devices.

I'd recommend look at adding script to map touch events to the mouse events, so that your script could run on touchscreen or mouse driven devices, such as what is shown here.

jQuery Mobile also adds functionality to treat touch events as mouse events also, see vmousedown documentation for example.

Hope this helps :)