DHTML Quiz

DHTML Quiz

by Jurgis Pralgauskis -
Number of replies: 3
the idea is to make some Quiz on the fly tool, using js and DOM of HTML. (Quiz-DOM sounds like Wisdom smile)
@first my intention was to make answering more fun, like matching done by draging.

0) Lets say, we have a html page with lesson stuff
1) js indexes page and assigns id to every element (even word, using span if needed)
2.1) we assign some ansewer areas (in image-map, or jsut make some div or span)
2.2) we assign object-elements (span, div, whatever ;)), which should be dragged on appropriate answer area
3) we can set the right answer maches by:
- answer_areaID => objectID
- answer_areaID => value (if it is text (innerHtml))
- sth else ;)

*) Drag&Drop js can be used to arrange things arround http://cross-browser.com/#draggingExamplesLink
more js power:
http://www.dansteinman.com/dynduo/
http://www.js-games.de/en/index.html (students should like itsmile)
http://www.javascript-games.org/ (impressive as well)

still, this is just an idea
but it could bring answering to the level of modelling - as U can include js to make elements move, count values on the fly and so on.

--
hm, now I thought that probably U can inclue html (with js) directly in any question and it would let Drag&Drop, just we (or just me ;) should think, how to fill in asnwers acording to the results of actions...

--
I will really not have time for this till summer, but maybe some more ideas or volunteers will come up wink
Average of ratings: -
In reply to Jurgis Pralgauskis

Re: DHTML Quiz (some progres :)

by Jurgis Pralgauskis -
just take a look (best with mozilla)
what I accomplished in some recent days: DHTML question-interactivity example
and how You(we) can include it in moodle via iframe: question inside moodle quiz
cloze code is:
Let's check Your geography knowledge smile
<iframe id="dndQ_match" width="700px" src="http://path_to/DHTML/dndQuestion_en.html" height="400px" frameborder="1" scrolling="auto"></iframe>
<div id="sve">sve: {1:SHORTANSWER:%0%=vs#take a look at world-atlas} </div>
<div id="ger">ger: {1:SHORTANSWER:%0%=eg#take a look at world-atlas} </div>
<div id="est">est: {1:SHORTANSWER:%0%=tl#take a look at world-atlas} </div>
<div id="wrong">wrong: {1:SHORTANSWER:%0%=us#take a look at world-atlas}</div>
in a week some more stuff should be comming (few more examples or so).
In reply to Jurgis Pralgauskis

Re: DHTML Quiz (some progres :)

by Jurgis Pralgauskis -
ups, cloze syntax corrections
instead of {1:SHORTANSWER:%0%=vs#take a look at world-atlas}
shoud be
{1:SHORTANSWER:=vs#take a look at world-atlas}
or {1:SHORTANSWER:%100%vs#take a look at world-atlas}
In reply to Jurgis Pralgauskis

Re: DHTML Quiz (some progres :)

by Bernard Boucher -
Hi Jurgis,
               good integration with iframe.  I will try that with some applets later.

Some questions.

How do you plan o edit these questions?

You seems to use cloze import format?

Checking the source of your  moodle quiz page, does it include the answers?

How that compare to the existing Thomas Hotpot module ( example )

Bye,

Bernard