Delayed feedback – Ordering/Ranking

Use

• Arrange the items in the dropdown menus into their correct order.

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

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 question numbers.

Each option is a step in the order. There are no unused options.

The value of each select option is a number. These are numbered sequentially starting from 0 (for the unanswered state) for each question.

Example: <option value="0">--select--</option>
<option value="1">Entry in general journal</option>

There is always one image per question. Images must be named according to their question. For example, name="iq1" – i means image, q1 is the question it's attached to. 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="checkMenus(Z, this.form)" – where Z is the number of questions

Example: <input type="button" name="done" value="Done" onClick="checkMenus(5, 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 questions/images

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

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 question as a string. The variables must appear as:

• var vqX = "Y"; – where X is the question number and Y relates to the option number of the correct answer.

Example: var vq1 = "2";

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.