 Delayed
feedback – Hinted fill in the blank
Use
- Where the user must type in the missing word. A hint button is available
for each missing word.
Resources
These are the additional resources required for this exercise.
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="10">
Your input tags need to include the following attributes:
type="text"name="qX" – where X is the
question numbervalue=""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 hint.gif with alt="hint".
Example: <img src="/learningplace/images/courses/interactive/hint.gif"
width="18" height="18" name="iq1" alt="hint">
Each image needs a link to the Javascript showHint()
function. Your a tag needs to include the following attribute:
href="javascript:showHint('iqX')" – where
iq refers to the image and X is the question
number
Example: <a href="javascript:showHint('iq1')"><img
src="../images/hint.gif" width="18" height="18"
align="texttop" alt="hint" name="iq1" border="0"></a>
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="tryHintAgain(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="startHintAgain(Z)" – where Z
is the number of questions/images
Example: <input type="reset" name="Reset"
value="Reset" onClick="startHintAgain(6)">
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 four parts of the script that need to be modified:
- Pre-loading of response image placeholders
- Setting the question variables
- Setting the hint variables
- Setting the response image variable paths
The response image placeholders must always start as hint.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
= \"hint.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("","stats","internet","bar","line","table","user");
var user = new Array ("","","","","","","");
Set a variable for each hint as a string. The variables must appear as:
var aiqX = "Hint"; – where "X"
is the question number and "Hint" is the hint
string.
Example: var aiq1 = "short for statistics";
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.
|
Other languages
