tag:blogger.com,1999:blog-77507322024-02-08T19:38:52.927+02:00ICT ReflectionsReflections and comments on ICT in FLT experience(s)Stanhttp://www.blogger.com/profile/00201804969867755157noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-7750732.post-61452010261562520232013-02-18T22:24:00.003+02:002013-02-18T23:02:44.394+02:00find-it test<style type="text/css">
/* This is the CSS stylesheet used in the exercise. */
/* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */
/* BeginCorePageCSS */
/* Made with executable version 6.3 Release 0 Build 4 */
/* Hack to hide a nested Quicktime player from IE, which can't handle it. */
* html object.MediaPlayerNotForIE {
display: none;
}
p{
text-align: left;
margin: 0px;
font-size: 100%;
}
table,div,span,td{
font-size: 100%;
color: #000000;
}
div.Titles{
padding: 0.5em;;
text-align: center;
color: #000033;
}
button{
font-family: Verdana,Geneva,Arial;
font-size: 100%;
display: inline;
}
.ExerciseTitle{
font-size: 100%;
color: #000033;
}
.ExerciseSubtitle{
font-size: 100%;
color: #000033;
}
div.StdDiv{
background-color: #eeeeee;
text-align: center;
font-size: 100%;
color: #000000;
padding: 0.5em;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #000000;
margin-bottom: 1px;
}
/* EndCorePageCSS */
.RTLText{
text-align: right;
font-size: 150%;
direction: rtl;
font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Verdana,Geneva,Arial;
}
.CentredRTLText{
text-align: center;
font-size: 150%;
direction: rtl;
font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Verdana,Geneva,Arial;
}
button p.RTLText{
text-align: center;
}
.RTLGapBox{
text-align: right;
font-size: 150%;
direction: rtl;
font-family: "Times New Roman", Verdana,Geneva,Arial;
}
.Guess{
font-weight: bold;
}
.CorrectAnswer{
font-weight: bold;
}
div#Timer{
padding: 0.25em;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #000033;
}
span#TimerText{
padding: 0.25em;
border-width: 1px;
border-style: solid;
font-weight: bold;
display: none;
color: #000033;
}
span.Instructions{
}
div.ExerciseText{
}
.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
color: #000033;
}
.LeftItem{
font-size: 100%;
color: #000000;
text-align: left;
}
.RightItem{
font-weight: bold;
font-size: 100%;
color: #000000;
}
span.CorrectMark{
}
input, textarea{
font-family: Verdana,Geneva,Arial;
font-size: 100%;
}
select{
font-size: 100%;
}
div.Feedback {
background-color: #ffffff;
left: 33%;
width: 34%;
top: 33%;
z-index: 1;
border-style: solid;
border-width: 1px;
padding: 5px;
text-align: center;
color: #000033;
position: absolute;
display: none;
font-size: 100%;
}
div.ExerciseDiv{
color: #000000;
}
/* JMatch flashcard styles */
table.FlashcardTable{
background-color: transparent;
color: #000000;
border-color: #000000;
margin-left: 5%;
margin-right: 5%;
margin-top: 2em;
margin-bottom: 2em;
width: 90%;
position: relative;
text-align: center;
padding: 0px;
}
table.FlashcardTable tr{
border-style: none;
margin: 0px;
padding: 0px;
background-color: #eeeeee;
}
table.FlashcardTable td.Showing{
font-size: 140%;
text-align: center;
width: 50%;
display: table-cell;
padding: 2em;
margin: 0px;
border-style: solid;
border-width: 1px;
color: #000000;
background-color: #eeeeee;
}
table.FlashcardTable td.Hidden{
display: none;
}
/* JMix styles */
div#SegmentDiv{
margin-top: 2em;
margin-bottom: 2em;
text-align: center;
}
a.ExSegment{
font-size: 120%;
font-weight: bold;
text-decoration: none;
color: #000000;
}
span.RemainingWordList{
font-style: italic;
}
div.DropLine {
position: absolute;
text-align: center;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #000033;
width: 80%;
}
/* JCloze styles */
.ClozeWordList{
text-align: center;
font-weight: bold;
}
div.ClozeBody{
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
line-height: 2.0
}
span.GapSpan{
font-weight: bold;
}
/* JCross styles */
table.CrosswordGrid{
margin: auto auto 1em auto;
border-collapse: collapse;
padding: 0px;
background-color: #000000;
}
table.CrosswordGrid tbody tr td{
width: 1.5em;
height: 1.5em;
text-align: center;
vertical-align: middle;
font-size: 140%;
padding: 1px;
margin: 0px;
border-style: solid;
border-width: 1px;
border-color: #000000;
color: #000000;
}
table.CrosswordGrid span{
color: #000000;
}
table.CrosswordGrid td.BlankCell{
background-color: #000000;
color: #000000;
}
table.CrosswordGrid td.LetterOnlyCell{
text-align: center;
vertical-align: middle;
background-color: #ffffff;
color: #000000;
font-weight: bold;
}
table.CrosswordGrid td.NumLetterCell{
text-align: left;
vertical-align: top;
background-color: #ffffff;
color: #000000;
padding: 1px;
font-weight: bold;
}
.NumLetterCellText{
cursor: pointer;
color: #000000;
}
.GridNum{
vertical-align: super;
font-size: 66%;
font-weight: bold;
text-decoration: none;
color: #000000;
}
.GridNum:hover, .GridNum:visited{
color: #000000;
}
table#Clues{
margin: auto;
vertical-align: top;
}
table#Clues td{
vertical-align: top;
}
table.ClueList{
margin: auto;
}
td.ClueNum{
text-align: right;
font-weight: bold;
vertical-align: top;
}
td.Clue{
text-align: left;
}
div#ClueEntry{
text-align: left;
margin-bottom: 1em;
}
/* Keypad styles */
div.Keypad{
text-align: center;
display: none; /* initially hidden, shown if needed */
margin-bottom: 0.5em;
}
div.Keypad button{
font-family: Verdana,Geneva,Arial;
font-size: 100%;
background-color: #ffffff;
color: #000000;
width: 2em;
}
/* JQuiz styles */
div.QuestionNavigation{
text-align: center;
}
.QNum{
margin: 0em 1em 0.5em 1em;
font-weight: bold;
vertical-align: middle;
}
textarea{
font-family: Verdana,Geneva,Arial;
}
.QuestionText{
text-align: left;
margin: 0px;
font-size: 100%;
}
.Answer{
font-size: 100%;
letter-spacing: 0.1em;
}
.PartialAnswer{
font-size: 100%;
letter-spacing: 0.1em;
color: #000033;
}
.Highlight{
color: #000000;
background-color: #ffff00;
font-weight: bold;
font-size: 100%;
}
ol.QuizQuestions{
text-align: left;
list-style-type: none;
}
li.QuizQuestion{
padding: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
}
ol.MCAnswers{
text-align: left;
list-style-type: upper-alpha;
padding: 1em;
}
ol.MCAnswers li{
margin-bottom: 1em;
}
ol.MSelAnswers{
text-align: left;
list-style-type: lower-alpha;
padding: 1em;
}
div.ShortAnswer{
padding: 1em;
}
.FuncButton {
text-align: center;
border-style: solid;
border-left-color: #f6f6f6;
border-top-color: #f6f6f6;
border-right-color: #777777;
border-bottom-color: #777777;
color: #000000;
background-color: #eeeeee;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;
}
.FuncButtonUp {
text-align: center;
border-style: solid;
border-left-color: #f6f6f6;
border-top-color: #f6f6f6;
border-right-color: #777777;
border-bottom-color: #777777;
background-color: #800040;
color: #eeeeee;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;
}
.FuncButtonDown {
text-align: center;
border-style: solid;
border-left-color: #777777;
border-top-color: #777777;
border-right-color: #f6f6f6;
border-bottom-color: #f6f6f6;
background-color: #800040;
color: #eeeeee;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;
}
/*BeginNavBarStyle*/
div.NavButtonBar{
background-color: #800040;
text-align: center;
margin: 2px 0px 2px 0px;
clear: both;
font-size: 100%;
border: 1px solid black;
}
.NavButton {
border-style: solid;
border-left-color: #bf7f9f;
border-top-color: #bf7f9f;
border-right-color: #400020;
border-bottom-color: #400020;
background-color: #800040;
color: #ffffff;
border-width: 2px;
cursor: pointer;
}
.NavButtonUp {
border-style: solid;
border-left-color: #bf7f9f;
border-top-color: #bf7f9f;
border-right-color: #400020;
border-bottom-color: #400020;
color: #800040;
background-color: #eeeeee;
border-width: 2px;
cursor: pointer;
}
.NavButtonDown {
border-style: solid;
border-left-color: #400020;
border-top-color: #400020;
border-right-color: #bf7f9f;
border-bottom-color: #bf7f9f;
color: #800040;
background-color: #eeeeee;
border-width: 2px;
cursor: pointer;
}
/*EndNavBarStyle*/
a{
color: #0000ff;
}
a:visited{
color: #0000cc;
}
a:hover{
color: #0000ff;
}
div.CardStyle {
position: absolute;
font-family: Verdana,Geneva,Arial;
font-size: 100%;
padding: 5px;
border-style: solid;
border-width: 1px;
color: #000000;
background-color: #eeeeee;
left: -50px;
top: -50px;
overflow: visible;
}
.rtl{
text-align: right;
font-size: 140%;
}
span.GapSpan {
font-weight: normal;
cursor: pointer;
}
</style>
<script type="text/javascript">
//<![CDATA[
<!--
function Client(){
//if not a DOM browser, hopeless
this.min = false; if (document.getElementById){this.min = true;};
this.ua = navigator.userAgent;
this.name = navigator.appName;
this.ver = navigator.appVersion;
//Get data about the browser
this.mac = (this.ver.indexOf('Mac') != -1);
this.win = (this.ver.indexOf('Windows') != -1);
//Look for Gecko
this.gecko = (this.ua.indexOf('Gecko') > 1);
if (this.gecko){
this.geckoVer = parseInt(this.ua.substring(this.ua.indexOf('Gecko')+6, this.ua.length));
if (this.geckoVer < 20020000){this.min = false;}
}
//Look for Firebird
this.firebird = (this.ua.indexOf('Firebird') > 1);
//Look for Safari
this.safari = (this.ua.indexOf('Safari') > 1);
if (this.safari){
this.gecko = false;
}
//Look for IE
this.ie = (this.ua.indexOf('MSIE') > 0);
if (this.ie){
this.ieVer = parseFloat(this.ua.substring(this.ua.indexOf('MSIE')+5, this.ua.length));
if (this.ieVer < 5.5){this.min = false;}
}
//Look for Opera
this.opera = (this.ua.indexOf('Opera') > 0);
if (this.opera){
this.operaVer = parseFloat(this.ua.substring(this.ua.indexOf('Opera')+6, this.ua.length));
if (this.operaVer < 7.04){this.min = false;}
}
if (this.min == false){
alert('Your browser may not be able to handle this page.');
}
//Special case for the horrible ie5mac
this.ie5mac = (this.ie&&this.mac&&(this.ieVer<6));
}
var C = new Client();
//for (prop in C){
// alert(prop + ': ' + C[prop]);
//}
//CODE FOR HANDLING NAV BUTTONS AND FUNCTION BUTTONS
//[strNavBarJS]
function NavBtnOver(Btn){
if (Btn.className != 'NavButtonDown'){Btn.className = 'NavButtonUp';}
}
function NavBtnOut(Btn){
Btn.className = 'NavButton';
}
function NavBtnDown(Btn){
Btn.className = 'NavButtonDown';
}
//[/strNavBarJS]
function FuncBtnOver(Btn){
if (Btn.className != 'FuncButtonDown'){Btn.className = 'FuncButtonUp';}
}
function FuncBtnOut(Btn){
Btn.className = 'FuncButton';
}
function FuncBtnDown(Btn){
Btn.className = 'FuncButtonDown';
}
function FocusAButton(){
if (document.getElementById('CheckButton1') != null){
document.getElementById('CheckButton1').focus();
}
else{
if (document.getElementById('CheckButton2') != null){
document.getElementById('CheckButton2').focus();
}
else{
document.getElementsByTagName('button')[0].focus();
}
}
}
//CODE FOR HANDLING DISPLAY OF POPUP FEEDBACK BOX
var topZ = 1000;
function ShowMessage(Feedback){
var Output = Feedback + '<br /><br />';
document.getElementById('FeedbackContent').innerHTML = Output;
var FDiv = document.getElementById('FeedbackDiv');
topZ++;
FDiv.style.zIndex = topZ;
FDiv.style.top = TopSettingWithScrollOffset(30) + 'px';
FDiv.style.display = 'block';
ShowElements(false, 'input');
ShowElements(false, 'select');
ShowElements(false, 'object');
ShowElements(true, 'object', 'FeedbackContent');
//Focus the OK button
setTimeout("document.getElementById('FeedbackOKButton').focus()", 50);
//
}
function ShowElements(Show, TagName, ContainerToReverse){
// added third argument to allow objects in the feedback box to appear
//IE bug -- hide all the form elements that will show through the popup
//FF on Mac bug : doesn't redisplay objects whose visibility is set to visible
//unless the object's display property is changed
//get container object (by Id passed in, or use document otherwise)
TopNode = document.getElementById(ContainerToReverse);
var Els;
if (TopNode != null) {
Els = TopNode.getElementsByTagName(TagName);
} else {
Els = document.getElementsByTagName(TagName);
}
for (var i=0; i<Els.length; i++){
if (TagName == "object") {
//manipulate object elements in all browsers
if (Show == true){
Els[i].style.visibility = 'visible';
//get Mac FireFox to manipulate display, to force screen redraw
if (C.mac && C.gecko) {Els[i].style.display = '';}
}
else{
Els[i].style.visibility = 'hidden';
if (C.mac && C.gecko) {Els[i].style.display = 'none';}
}
}
else {
// tagName is either input or select (that is, Form Elements)
// ie6 has a problem with Form elements, so manipulate those
if (C.ie) {
if (C.ieVer < 7) {
if (Show == true){
Els[i].style.visibility = 'visible';
}
else{
Els[i].style.visibility = 'hidden';
}
}
}
}
}
}
function HideFeedback(){
document.getElementById('FeedbackDiv').style.display = 'none';
ShowElements(true, 'input');
ShowElements(true, 'select');
ShowElements(true, 'object');
if (Finished == true){
Finish();
}
}
//GENERAL UTILITY FUNCTIONS AND VARIABLES
//PAGE DIMENSION FUNCTIONS
function PageDim(){
//Get the page width and height
this.W = 600;
this.H = 400;
this.W = document.getElementsByTagName('body')[0].clientWidth;
this.H = document.getElementsByTagName('body')[0].clientHeight;
}
var pg = null;
function GetPageXY(El) {
var XY = {x: 0, y: 0};
while(El){
XY.x += El.offsetLeft;
XY.y += El.offsetTop;
El = El.offsetParent;
}
return XY;
}
function GetScrollTop(){
if (typeof(window.pageYOffset) == 'number'){
return window.pageYOffset;
}
else{
if ((document.body)&&(document.body.scrollTop)){
return document.body.scrollTop;
}
else{
if ((document.documentElement)&&(document.documentElement.scrollTop)){
return document.documentElement.scrollTop;
}
else{
return 0;
}
}
}
}
function GetViewportHeight(){
if (typeof window.innerHeight != 'undefined'){
return window.innerHeight;
}
else{
if (((typeof document.documentElement != 'undefined')&&(typeof document.documentElement.clientHeight !=
'undefined'))&&(document.documentElement.clientHeight != 0)){
return document.documentElement.clientHeight;
}
else{
return document.getElementsByTagName('body')[0].clientHeight;
}
}
}
function TopSettingWithScrollOffset(TopPercent){
var T = Math.floor(GetViewportHeight() * (TopPercent/100));
return GetScrollTop() + T;
}
//CODE FOR AVOIDING LOSS OF DATA WHEN BACKSPACE KEY INVOKES history.back()
var InTextBox = false;
function SuppressBackspace(e){
if (InTextBox == true){return;}
if (C.ie) {
thisKey = window.event.keyCode;
}
else {
thisKey = e.keyCode;
}
var Suppress = false;
if (thisKey == 8) {
Suppress = true;
}
if (Suppress == true){
if (C.ie){
window.event.returnValue = false;
window.event.cancelBubble = true;
}
else{
e.preventDefault();
}
}
}
if (C.ie){
document.attachEvent('onkeydown',SuppressBackspace);
window.attachEvent('onkeydown',SuppressBackspace);
}
else{
if (window.addEventListener){
window.addEventListener('keypress',SuppressBackspace,false);
}
}
function ReduceItems(InArray, ReduceToSize){
var ItemToDump=0;
var j=0;
while (InArray.length > ReduceToSize){
ItemToDump = Math.floor(InArray.length*Math.random());
InArray.splice(ItemToDump, 1);
}
}
function Shuffle(InArray){
var Num;
var Temp = new Array();
var Len = InArray.length;
var j = Len;
for (var i=0; i<Len; i++){
Temp[i] = InArray[i];
}
for (i=0; i<Len; i++){
Num = Math.floor(j * Math.random());
InArray[i] = Temp[Num];
for (var k=Num; k < (j-1); k++) {
Temp[k] = Temp[k+1];
}
j--;
}
return InArray;
}
function WriteToInstructions(Feedback) {
document.getElementById('InstructionsDiv').innerHTML = Feedback;
}
function EscapeDoubleQuotes(InString){
return InString.replace(/"/g, '"')
}
function TrimString(InString){
var x = 0;
if (InString.length != 0) {
while ((InString.charAt(InString.length - 1) == '\u0020') || (InString.charAt(InString.length - 1) == '\u000A') || (InString.charAt(InString.length - 1) == '\u000D')){
InString = InString.substring(0, InString.length - 1)
}
while ((InString.charAt(0) == '\u0020') || (InString.charAt(0) == '\u000A') || (InString.charAt(0) == '\u000D')){
InString = InString.substring(1, InString.length)
}
while (InString.indexOf(' ') != -1) {
x = InString.indexOf(' ')
InString = InString.substring(0, x) + InString.substring(x+1, InString.length)
}
return InString;
}
else {
return '';
}
}
function FindLongest(InArray){
if (InArray.length < 1){return -1;}
var Longest = 0;
for (var i=1; i<InArray.length; i++){
if (InArray[i].length > InArray[Longest].length){
Longest = i;
}
}
return Longest;
}
//UNICODE CHARACTER FUNCTIONS
function IsCombiningDiacritic(CharNum){
var Result = (((CharNum >= 0x0300)&&(CharNum <= 0x370))||((CharNum >= 0x20d0)&&(CharNum <= 0x20ff)));
Result = Result || (((CharNum >= 0x3099)&&(CharNum <= 0x309a))||((CharNum >= 0xfe20)&&(CharNum <= 0xfe23)));
return Result;
}
function IsCJK(CharNum){
return ((CharNum >= 0x3000)&&(CharNum < 0xd800));
}
//SETUP FUNCTIONS
//BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED
function ClearTextBoxes(){
var NList = document.getElementsByTagName('input');
for (var i=0; i<NList.length; i++){
if ((NList[i].id.indexOf('Guess') > -1)||(NList[i].id.indexOf('Gap') > -1)){
NList[i].value = '';
}
if (NList[i].id.indexOf('Chk') > -1){
NList[i].checked = '';
}
}
}
//EXTENSION TO ARRAY OBJECT
function Array_IndexOf(Input){
var Result = -1;
for (var i=0; i<this.length; i++){
if (this[i] == Input){
Result = i;
}
}
return Result;
}
Array.prototype.indexOf = Array_IndexOf;
//IE HAS RENDERING BUG WITH BOTTOM NAVBAR
function RemoveBottomNavBarForIE(){
if ((C.ie)&&(document.getElementById('Reading') != null)){
if (document.getElementById('BottomNavBar') != null){
document.getElementById('TheBody').removeChild(document.getElementById('BottomNavBar'));
}
}
}
//HOTPOTNET-RELATED CODE
var HPNStartTime = (new Date()).getTime();
var SubmissionTimeout = 30000;
var Detail = ''; //Global that is used to submit tracking data
function Finish(){
//If there's a form, fill it out and submit it
if (document.store != null){
Frm = document.store;
Frm.starttime.value = HPNStartTime;
Frm.endtime.value = (new Date()).getTime();
Frm.mark.value = Score;
Frm.detail.value = Detail;
Frm.submit();
}
}
//JCLOZE CORE JAVASCRIPT CODE
/* Modification Copyright (c) Michael Rottmeier, March 2005
Find-it - Version 3.1.4a for Hot Potatoes v6
http://www.teaching-tools.de.vu
THIS HEADER MUST STAY UN-TOUCHED */
var Feedback = '';
var Correct = 'Correct! Well done.';
var Incorrect = 'Not this one.';
var AllErrorsFound = 'All found!';
var YourScoreIs = 'Words left';
var Finished = false;
var Locked = false; // timer specific
var TimeOver = false;
I = new Array();
I[0] = new Array();
I[0][1] = new Array();
I[0][1][0] = new Array();
I[0][1][0][0] = '\u0074\u0068\u0065';
I[0][1][1] = new Array();
I[0][1][1][0]='\u0074\u0068\u0065';
I[0][2]='';
I[1] = new Array();
I[1][1] = new Array();
I[1][1][0] = new Array();
I[1][1][0][0] = '\u006C\u006F\u006E\u0067';
I[1][1][1] = new Array();
I[1][1][1][0]='\u006C\u006F\u006E\u0067';
I[1][2]='';
I[2] = new Array();
I[2][1] = new Array();
I[2][1][0] = new Array();
I[2][1][0][0] = '\u0077\u0065\u0072\u0065';
I[2][1][1] = new Array();
I[2][1][1][0]='\u0077\u0065\u0072\u0065';
I[2][2]='';
I[3] = new Array();
I[3][1] = new Array();
I[3][1][0] = new Array();
I[3][1][0][0] = '\u006F\u0066';
I[3][1][1] = new Array();
I[3][1][1][0]='\u006F\u0066';
I[3][2]='';
I[4] = new Array();
I[4][1] = new Array();
I[4][1][0] = new Array();
I[4][1][0][0] = '\u0074\u0068\u0065';
I[4][1][1] = new Array();
I[4][1][1][0]='\u0074\u0068\u0065';
I[4][2]='';
I[5] = new Array();
I[5][1] = new Array();
I[5][1][0] = new Array();
I[5][1][0][0] = '\u0073\u006F';
I[5][1][1] = new Array();
I[5][1][1][0]='\u0073\u006F';
I[5][2]='';
I[6] = new Array();
I[6][1] = new Array();
I[6][1][0] = new Array();
I[6][1][0][0] = '\u0074\u006F';
I[6][1][1] = new Array();
I[6][1][1][0]='\u0074\u006F';
I[6][2]='';
I[7] = new Array();
I[7][1] = new Array();
I[7][1][0] = new Array();
I[7][1][0][0] = '\u0062\u0075\u0074';
I[7][1][1] = new Array();
I[7][1][1][0]='\u0062\u0075\u0074';
I[7][2]='';
I[8] = new Array();
I[8][1] = new Array();
I[8][1][0] = new Array();
I[8][1][0][0] = '\u0061\u0072\u0065';
I[8][1][1] = new Array();
I[8][1][1][0]='\u0061\u0072\u0065';
I[8][2]='';
I[9] = new Array();
I[9][1] = new Array();
I[9][1][0] = new Array();
I[9][1][0][0] = '\u0077\u0068\u0069\u0063\u0068';
I[9][1][1] = new Array();
I[9][1][1][0]='\u0077\u0068\u0069\u0063\u0068';
I[9][2]='';
I[10] = new Array();
I[10][1] = new Array();
I[10][1][0] = new Array();
I[10][1][0][0] = '\u0074\u0068\u0065';
I[10][1][1] = new Array();
I[10][1][1][0]='\u0074\u0068\u0065';
I[10][2]='';
I[11] = new Array();
I[11][1] = new Array();
I[11][1][0] = new Array();
I[11][1][0][0] = '\u0061';
I[11][1][1] = new Array();
I[11][1][1][0]='\u0061';
I[11][2]='';
function StartUp(){
RemoveBottomNavBarForIE();
Split_Feedback();
Build_GapText();
}
// CORE JAVASCRIPT FOR JCLOZE DROPDOWN FUNCTIONALITY
GapList = new Array();
// GapList[x][0] = clue button
// GapList[x][1] = State data
// GapList[x][2] = input component in Find-it v3.1b
var Score = 0;
var TotWrongChoices = 0;
function Create_StateArray(){
this.ErrorFound = false;
this.WrongGapValue = '';
}
function Build_GapText(){
var GSpan = null;
// first, prepare the gaps
for (var x=0; x<I.length; x++){
GSpan = document.getElementById('GapSpan'+x);
if (GSpan != null){
// remove the input field
GSpan.removeChild(GSpan.getElementsByTagName('input')[0]);
// create the state stuff
GapList.push(new Array(null, new Create_StateArray()));
// put an existing clue button into the GapList array
if (GSpan.getElementsByTagName('button').length > 0){
GapList[x][0] = GSpan.removeChild(GSpan.getElementsByTagName('button')[0]);
}
// remove the </input> tag - and anything else which might be in there
while (GSpan.childNodes.length > 0){
GSpan.removeChild(GSpan.firstChild);
}
// add the wrong text output
GSpan.appendChild(Create_GapContent(x));
// store the used gap value (wrong text) for tracking purposes
GapList[x][1].WrongGapValue = GSpan.getElementsByTagName('span')[0].firstChild.nodeValue;
}
}
// second, prepare the other text
var TextBody = document.getElementById('ClozeBody'); //.getElementsByTagName('p')[0];
TextBody = TextBody.parentNode;
if (TextBody != null){
for (var y=0; y<TextBody.childNodes.length; y++){
// markup the text appropriately and replace the old node with the new one
TextBody.replaceChild(Markup_Text(TextBody.childNodes[y]), TextBody.childNodes[y]);
}
}
}
function Create_GapContent(GapId){
var Gap = document.createElement('span');
Gap.onclick = function(){CheckText(true, GapId);}
//Gap.setAttribute("onclick", 'CheckText(true, '+GapId+')', true);
Gap.className = 'GapSpan';
Gap.appendChild(document.createTextNode(Get_WrongGapContent(GapId)));
return Gap;
}
function Get_WrongGapContent(GapId){
var ReturnVal = '';
var Tmp = new Array();
for (var x=0; x<(I[GapId][1].length-1); x++){
Tmp[x] = I[GapId][1][x+1][0];
}
var y = Math.floor(Math.random()*Tmp.length);
ReturnVal += Tmp[y];
return ReturnVal;
}
function Markup_Text(Node){
for (var x=0; x<Node.childNodes.length; x++){
//alert(Node.childNodes[x].nodeType);
switch (Node.childNodes[x].nodeName.toLowerCase()){
case 'span' :
if (Node.childNodes[x].attributes.length > 0){
if ((Node.childNodes[x].getAttribute('id').substr(0, 7) != 'GapSpan')){
Node.replaceNode(Markup_Text(Node.childNodes[x]), Node.childNodes[x]);
}
}
break;
case 'div' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'p' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'strong' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'em' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'blockquote' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'pre' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'ul' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'ol' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'li' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'sup' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'sub' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'table' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'tr' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'td' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'thead' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'tbody' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case 'tfoot' : Node.replaceChild(Markup_Text(Node.childNodes[x]), Node.childNodes[x]); break;
case '#text' :
//if (Node.childNodes.length < 1){
//if (Node.nodeType == 3){
if (Node.nodeValue != ''){
// add the span tag with the onclick event
var SpanNode = document.createElement('span');
SpanNode.className = 'GapSpan';
SpanNode.onclick = function(){CheckText(false, -1);}
SpanNode.appendChild(document.createTextNode(Node.childNodes[x].nodeValue));
// replace the old node with the new created node (span + text)
Node.replaceChild(SpanNode, Node.childNodes[x]);
}
//}
//}
break;
}
}
return Node;
}
// FEEDBACK ROUTINES
CFb = new Array();
IFb = new Array();
function Split_Feedback(){
// the feedback bits should look like feedb1## feedb2## feedb3 etc.
//'Correct' Feedback
var Tmp = Correct.split('##');
var y = -1;
for (var x=0; x<Tmp.length; x++){
if (TrimString(Tmp[x]) != ''){
y++;
CFb[y] = TrimString(Tmp[x]);
}
}
//'Incorrect' Feedback
Tmp = Incorrect.split('##');
y = -1;
for (var x=0; x<Tmp.length; x++){
if (TrimString(Tmp[x]) != ''){
y++;
IFb[y] = TrimString(Tmp[x]);
}
}
}
function Get_RandomFeedback(FType){
var Stuff = '';
// positive feedback
if (FType==true){
var x = Math.floor(Math.random()*CFb.length);
Stuff = CFb[x];
}
// negative feedback
else{
var x = Math.floor(Math.random()*IFb.length);
Stuff = IFb[x];
}
return Stuff;
}
// CHECK ROUTINES
function CheckText(GapState,GapId){
if (Finished == true){return;}
// chosen text is wrong:
if (GapState==false){
// show feedback
ShowMessage(Get_RandomFeedback(false));
// penalty
TotWrongChoices++;
}
// chosen text is right:
else{
CorrectChoice(GapId);
}
}
function CorrectChoice(GapId){
// the state flag
GapList[GapId][1].ErrorFound = true;
// show the gap solution
Show_GapSolution(GapId);
var Output = '';
// check whether exercise is finished:
// if all errors are found, show final feedback and finish exercise:
if (CheckExStatus() == true){
Output += AllErrorsFound;
Finished = true;
// hotpot.net
CompileGuesses();
CalculateScore();
setTimeout('Finish()', SubmissionTimeout);
}
// else show number of missing errors:
else{
Output += Get_RandomFeedback(true) + '<br />' + YourScoreIs + ' ' + Get_NumMissingErr();
}
// calculate the score
CalculateScore();
// show feedback
if (Output.length > 1){
Output += ' ('+Score+'%)';
ShowMessage(Output);
}
}
function Show_GapSolution(GapId){
// show the correct solution
var GapSpan = document.getElementById('GapSpan'+GapId);
if (GapSpan != null){
// remove everything in the GapSpan element
while (GapSpan.childNodes.length > 0){
GapSpan.removeChild(GapSpan.firstChild);
}
// append the text node
var StrongNode = document.createElement('strong');
StrongNode.appendChild(document.createTextNode(I[GapId][1][0][0]+' '));
GapSpan.appendChild(StrongNode);
// add the clue button if it exists
if (GapList[GapId][0] != null){
// replace the button's caption
GapList[GapId][0].firstChild.nodeValue = '[ ? ]';
GapSpan.appendChild(GapList[GapId][0]);
}
}
}
function ShowClue(GapId){
ShowMessage(I[GapId][2]);
}
function CheckExStatus(){
// checks if all errors have been found or not
var ExFin = true;
for (var x=0; x<GapList.length; x++){
if (GapList[x][1].ErrorFound == false){
ExFin = false;
break;
}
}
return ExFin;
}
function Get_NumMissingErr(){
// retrieves the number of still
// missing errors in the text
var i = 0;
for (var x=0; x<GapList.length; x++){
if (GapList[x][1].ErrorFound == false){
i++;
}
}
return i;
}
function CalculateScore(){
var x = GapList.length - Get_NumMissingErr();
// get not found mistakes if solution is shown
if (Finished == true){
for (var i=0; i<GapList.length; i++){
if (GapList[i][1].ErrorFound == false){
TotWrongChoices++;
}
}
}
if ((x+TotWrongChoices) == 0){
Score = 0;
}
else{
Score = Math.floor((x * 100)/(x + TotWrongChoices));
}
}
// HOTPOT.NET FUNCTIONALITY
function CompileGuesses(){
var F = document.getElementById('store');
if (F != null){
var Temp = '<?xml version="1.0"?><hpnetresult><fields>';
var GapLabel = '';
// for (var i=0; i<GapList.length; i++){
GapLabel = 'All gaps:'; //'Gap #' + (i+1).toString();
Temp += '<field><fieldname>' + GapLabel + '</fieldname>';
Temp += '<fieldtype>student-responses</fieldtype><fieldlabel>' + GapLabel + '</fieldlabel>';
Temp += '<fieldlabelid>JClozeStudentResponses</fieldlabelid><fielddata>';
Temp += 'Total wrong choices: ' + TotWrongChoices;
Temp += '</fielddata></field>';
// }
Temp += '</fields></hpnetresult>';
Detail = Temp;
}
}
//-->
//]]>
</script>
<div class="Titles">
<h2 class="ExerciseTitle">Extra word</h2>
<h3 class="ExerciseSubtitle">Error correction</h3>
</div>
<div id="InstructionsDiv" class="StdDiv">
<div id="Instructions">In most lines of the text, there's one unnecessary word. It's either grammatically incorrect or doesn't fit in with the sense of the text.<br />Click on the words you think are incorrect to identify the error.</div>
</div>
<div id="MainDiv" class="StdDiv">
<div id="ClozeDiv">
<form id="Cloze" method="post" action="" onsubmit="return false;">
<div class="ClozeBody" id="ClozeBody">
<div style="margin-left:auto;margin-right:auto;width:550px;text-align:center;"><b>A SONATA For Two Can Aid Your IQ</b><br />By Nigel Hawkes, Science Editor<br /><table border="0" cellpadding="2" cellspacing="2" style="text-align:left;"><tr><td style="width:40px;">1</td><td>Listening to Mozart can significantly increase your intelligence,</td></tr><tr><td>2</td><td>according to <span class="GapSpan" id="GapSpan0"><input type="text" id="Gap0" onfocus="TrackFocus(0)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> researchers in America. Unfortunately, the</td></tr><tr><td>3</td><td>effect is temporary and only lasts about 15 minutes <span class="GapSpan" id="GapSpan1"><input type="text" id="Gap1" onfocus="TrackFocus(1)" onblur="LeaveGap()" class="GapBox" size="6"></input></span>.</td></tr><tr><td>4</td><td>Dr Frances Rauscher and two colleagues from the University of</td></tr><tr><td>5</td><td>California <span class="GapSpan" id="GapSpan2"><input type="text" id="Gap2" onfocus="TrackFocus(2)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> reported the findings in the journal Nature. They asked</td></tr><tr><td>6</td><td>36 college students to undergo standard <span class="GapSpan" id="GapSpan3"><input type="text" id="Gap3" onfocus="TrackFocus(3)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> psychological tests</td></tr><tr><td>7</td><td>after listening to a tape of Mozart's sonata for <span class="GapSpan" id="GapSpan4"><input type="text" id="Gap4" onfocus="TrackFocus(4)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> two pianos in D major.</td></tr><tr><td>8</td><td>They found that the students did better after listening to this music</td></tr><tr><td>9</td><td>than they did <span class="GapSpan" id="GapSpan5"><input type="text" id="Gap5" onfocus="TrackFocus(5)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> after hearing a ten-minute tape of instructions</td></tr><tr><td>10</td><td>designed to make them <span class="GapSpan" id="GapSpan6"><input type="text" id="Gap6" onfocus="TrackFocus(6)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> relax, or ten minutes of silence. Although</td></tr><tr><td>11</td><td>the researchers could offer no explanation for the finding, <span class="GapSpan" id="GapSpan7"><input type="text" id="Gap7" onfocus="TrackFocus(7)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> they</td></tr><tr><td>12</td><td>said that there had long been a belief that people who are interested</td></tr><tr><td>13</td><td>in music <span class="GapSpan" id="GapSpan8"><input type="text" id="Gap8" onfocus="TrackFocus(8)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> tend to perform better at intellectually demanding tasks.</td></tr><tr><td>14</td><td>They believe that the beneficial effect <span class="GapSpan" id="GapSpan9"><input type="text" id="Gap9" onfocus="TrackFocus(9)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> depends on the complexity</td></tr><tr><td>15</td><td>of the music played and they intend to try <span class="GapSpan" id="GapSpan10"><input type="text" id="Gap10" onfocus="TrackFocus(10)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> other compositions</td></tr><tr><td>16</td><td>and musical styles to prove the point. They also plan further tests</td></tr><tr><td>17</td><td>to see if <span class="GapSpan" id="GapSpan11"><input type="text" id="Gap11" onfocus="TrackFocus(11)" onblur="LeaveGap()" class="GapBox" size="6"></input></span> listening for longer periods produces even greater effects.</td></tr></table></div>
</div>
</form>
</div>
</div>
<div class="Feedback" id="FeedbackDiv">
<div class="FeedbackText" id="FeedbackContent"></div>
<button id="FeedbackOKButton" class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="HideFeedback(); return false;"> OK </button>
</div>
Stanhttp://www.blogger.com/profile/00201804969867755157noreply@blogger.com0tag:blogger.com,1999:blog-7750732.post-2778941027309500552007-03-11T18:25:00.000+02:002007-03-11T18:25:53.738+02:00THE FCE BLOG by Claudia Ceraso: Paper 4 - LISTENING<a href="http://fceblog.blogspot.com/2006/10/paper-4-listening.html">THE FCE BLOG by Claudia Ceraso: Paper 4 - LISTENING</a>Stanhttp://www.blogger.com/profile/00201804969867755157noreply@blogger.com0tag:blogger.com,1999:blog-7750732.post-1129273708756692092005-10-14T10:08:00.000+03:002007-03-11T16:52:28.622+02:00ICT Workshop - Etropole 2004<a href="http://etropole.blogspot.com/">ICT in FLT Workshops Etropole 2005 I & II</a><br />If you would like to read the full report <a href="http://ictlt.teachereducation.org.uk/workshops/EtropoleReport.pdf"> <strong>click here</strong> </a> for the pdf file.Stanhttp://www.blogger.com/profile/00201804969867755157noreply@blogger.com0tag:blogger.com,1999:blog-7750732.post-1129273090682549692005-10-14T09:58:00.000+03:002005-10-14T10:43:45.203+03:00IATEFL-H ICT SIGat <a href="http://ict-sig.blogspot.com/">IATEFL-Hungary ICT SIG Blog</a>Stanhttp://www.blogger.com/profile/00201804969867755157noreply@blogger.com0tag:blogger.com,1999:blog-7750732.post-1129272014848223782005-10-14T09:36:00.000+03:002005-10-14T10:53:38.120+03:00Cute ICT in ELT blogUsing ICT in teaching English as a second or foreign language:<br /> news, information and updates at <a href="http://www.ictinelt.com">http://www.ictinelt.com</a><br /> by Elek Máthé from Budapest, Hungary.Stanhttp://www.blogger.com/profile/00201804969867755157noreply@blogger.com0