It was a project given to me, writing an HTML5 application helping study of a foreign language.
You have to connect points with others, in order to combine words or sentences with their equivalent in another language.
In this example you have to find the equivalent of French and German words.
It is possible to embed this example on your website using an iframe linked to this or you can just reuse my work, it’s open source! (MIT licence)
Full code, including server-side, is on GitHub: https://github.com/baptx/connect-points
Also available from my server: connect-points.zip
- After points correction, application displays wrong lines in another color (black) instead of returning wrong points number (asked by Sébastien in comments).
- Since Chrome 25, the CSS3 cursor position is broken but it looks like it is fixed in Chrome 42. To prevent my application being unusable on some browsers, it is now possible to use it without CSS cursor here.