Delayed feedback – Fill in the blank

Use

• Where the user must type in the missing word.

Example

Read the following definitions and then unscramble the word to make a word that fits the definition.

DEO	The political capital of Japan, later renamed Tokyo.
OOKTY	The religious capital of Japan.
YNUIT	A chief effect of Tokugawa rule led to a deep sense of _____.
OESLSCUIN	A series of laws known as the _________ policy developed national unity.
NIHSCRITATYI	People were not allowed to spread this religion.
TUCHD	The people who were still able to trade with Japan.
AAGSKNAI	The name of the bay where trading was allowed to take place.
TUGAAKOW	The period of Japanese history that led to peace, unity and stability.

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: <input type="text" name="q1" value="" size="15">

Your input tags need to include the following attributes:

• type="text"
• name="qX" – where X is the question number
• value=""
• size="Y" – where Y is the length of the text box. This should always allow enough space for the entire word to be visible without horizontal scrolling

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.

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="checkText(this.form)"

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

The Try Again button must always include the following attributes:

• type="button"
• name="try"
• value="Try again"
• onclick="tryAgain(this.form)"

Example: <input type="button" name="try" value="Try again" onClick="tryAgain(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(8)">

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 2 new variables, one for the correct answers and one for the user answers as arrays. The variables must appear as:

• var answers = new Array("","answer","answer"); – where "answer" are the correct answer strings. There must be as many answers as there are questions (text boxes) in the exercise.
• var users = new Array("","",""); – where "" are the placeholders for each of the user's responses. There must be as many placeholders as there are answers.

Example: var answers = new Array("", "edo", "kyoto", "unity", "seclusion", "christianity", "dutch", "nagasaki", "tokugawa");
var user = new Array ("","","","","","","","","");

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.