Delayed feedback – Multiple cloze

Use

• Where the user must choose an answer from two or more dropdown menus to complete the sentence. The order of the answers does not affect the sentence.

Resources

These are the additional resources required for this exercise.

• Image: blank.gif [width=18, height=18]
• Image: correct.gif [width=18, height=18]
• Image: incorrect.gif [width=18, height=18]

Source: Questions

This section describes the source code for how you would write the questions in HTML.

Example: <select name="q1">

Your select tags need to include the following attributes:

• name="qX" – where X is the question number

Consider each multiple cloze question as a 'Group' and each available response as an individual 'Part'. Therefore

• Group 1 has two parts which both require a correct answer.
• Group 2 has two parts which both require a correct answer.
• Group 3 has two parts which both require a correct answer.

In these examples the order of the answers is not important – for example, question 1 could read: Proteins are necessary for building and repairing body tissues; or, Proteins are necessary for repairing and building body tissues.

Groups (questions) must always be numbered sequentially starting from 1. This does not mean that a question can't be seen as 'question 1a' to the user. There is no double-up of group numbers.

The number of parts relates to the group. In this example there are three groups: Each group contains two parts. Parts must always be numbered sequentially starting from 1 for each group.

There is always one image per group (a question on screen). Images must be named according to their group. For example, name="iq1" – i means image, q1 is the group it's attached to. The q is still used as opposed to g to retain the use of one universal startAgain() function for resetting. Images should start as blank.gif with an empty alt. The Javascript will change the image as appropriate.

Example: <img src="/learningplace/images/courses/interactive/blank.gif" width="18" height="18" name="iq1" alt="">

The Done button must always include the following attributes:

• type="button"
• name="done"
• value="Done"
• onClick="checkMultipleNoOrders(Z, this.form)" – where Z is the number of groups

Example: <input type="button" name="done" value="Done" onClick="checkMultipleNoOrders(3, this.form)">

The Reset button must always include the following attributes:

• type="reset"
• name="Reset"
• value="Reset"
• onclick="startAgain(Z)" – where Z is the number of groups/images

Example: <input type="reset" name="Reset" value="Reset" onClick="startAgain(3)">

Below is the source code for the example.

Source: Javascript

It's preferable to link to a separate Javascript file although, for pages individually loaded into Blackboard, including the script within the HTML is acceptable.

There are three parts of the script that need to be modified:

• Pre-loading of response image placeholders
• Setting the question variables
• Setting the response image variable paths

The response image placeholders must always start as blank.gif. Only change the value for the number of images – for (var i=1; i<=numberofimages; i++) {, and adjust the path to blank.gif – eval("iq"+i+".src = \"blank.gif\"");.

Set a new variable for each group as an Array. The variables must appear as:

• var vqX = new Array("","Y","Y"); – where X is the group number and Y are the option numbers of the correct answers. There must be as many answers as there are parts (dropdown menus) in the questions.

Example: var vq1 = new Array("","2","4");

Set the paths of the response image variables as needed. Do not remove or rename these variables.

Below is the source code for the Javascript of the above example.