Animal Names

ANIMAL NAMES

/* 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;
}

body{
font-family: Geneva,Arial,sans-serif;
background-color: #C0C0C0;
color: #000000;

margin-right: 5%;
margin-left: 5%;
font-size: small;

}

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: #000000;
}

button{
font-family: Geneva,Arial,sans-serif;
font-size: 100%;
display: inline;
}

.ExerciseTitle{
font-size: 140%;
color: #000000;
}

.ExerciseSubtitle{
font-size: 120%;
color: #000000;
}

div.StdDiv{
background-color: #FFFFFF;
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”, Geneva,Arial,sans-serif;
}

.CentredRTLText{
text-align: center;
font-size: 150%;
direction: rtl;
font-family: “Simplified Arabic”, “Traditional Arabic”, “Times New Roman”, Geneva,Arial,sans-serif;
}

button p.RTLText{
text-align: center;
}

.RTLGapBox{
text-align: right;
font-size: 150%;
direction: rtl;
font-family: “Times New Roman”, Geneva,Arial,sans-serif;
}

.Guess{
font-weight: bold;
}

.CorrectAnswer{
font-weight: bold;
}

div#Timer{
padding: 0.25em;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #000000;
}

span#TimerText{
padding: 0.25em;
border-width: 1px;
border-style: solid;
font-weight: bold;
display: none;
color: #000000;
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
color: #000000;
}

.LeftItem{
font-size: 100%;
color: #000000;
text-align: left;
}

.RightItem{
font-weight: bold;
font-size: 100%;
color: #000000;
}

span.CorrectMark{

}

input, textarea{
font-family: Geneva,Arial,sans-serif;
font-size: 120%;
}

select{
font-size: 100%;
}

div.Feedback {
background-color: #C0C0C0;
left: 33%;
width: 34%;
top: 33%;
z-index: 1;
border-style: solid;
border-width: 1px;
padding: 5px;
text-align: center;
color: #000000;
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: #FFFFFF;
}

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: #FFFFFF;
}

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: #000000;
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: Geneva,Arial,sans-serif;
font-size: 120%;
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: Geneva,Arial,sans-serif;
}

.QuestionText{
text-align: left;
margin: 0px;
font-size: 100%;
}

.Answer{
font-size: 120%;
letter-spacing: 0.1em;
}

.PartialAnswer{
font-size: 120%;
letter-spacing: 0.1em;
color: #000000;
}

.Highlight{
color: #000000;
background-color: #ffff00;
font-weight: bold;
font-size: 120%;
}

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: #ffffff;
border-top-color: #ffffff;
border-right-color: #7f7f7f;
border-bottom-color: #7f7f7f;
color: #000000;
background-color: #FFFFFF;

border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;

}

.FuncButtonUp {
color: #FFFFFF;
text-align: center;
border-style: solid;

border-left-color: #ffffff;
border-top-color: #ffffff;
border-right-color: #7f7f7f;
border-bottom-color: #7f7f7f;

background-color: #000000;
color: #FFFFFF;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;

}

.FuncButtonDown {
color: #FFFFFF;
text-align: center;
border-style: solid;

border-left-color: #7f7f7f;
border-top-color: #7f7f7f;
border-right-color: #ffffff;
border-bottom-color: #ffffff;
background-color: #000000;
color: #FFFFFF;

border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;

}

/BeginNavBarStyle/

div.NavButtonBar{
background-color: #000000;
text-align: center;
margin: 2px 0px 2px 0px;
clear: both;
font-size: 100%;
}

.NavButton {
border-style: solid;

border-left-color: #7f7f7f;
border-top-color: #7f7f7f;
border-right-color: #000000;
border-bottom-color: #000000;
background-color: #000000;
color: #ffffff;

border-width: 2px;
cursor: pointer;    

}

.NavButtonUp {
border-style: solid;

border-left-color: #7f7f7f;
border-top-color: #7f7f7f;
border-right-color: #000000;
border-bottom-color: #000000;
color: #000000;
background-color: #ffffff;

border-width: 2px;
cursor: pointer;    

}

.NavButtonDown {
border-style: solid;

border-left-color: #000000;
border-top-color: #000000;
border-right-color: #7f7f7f;
border-bottom-color: #7f7f7f;
color: #000000;
background-color: #ffffff;

border-width: 2px;
cursor: pointer;    

}

/EndNavBarStyle/

a{
color: #0000FF;
}

a:visited{
color: #0000CC;
}

a:hover{
color: #0000FF;
}

div.CardStyle {
position: absolute;
font-family: Geneva,Arial,sans-serif;
font-size: 100%;
padding: 5px;
border-style: solid;
border-width: 1px;
color: #000000;
background-color: #FFFFFF;
left: -50px;
top: -50px;
overflow: visible;
}

.rtl{
text-align: right;
font-size: 140%;
}

//<![CDATA[

1);
if (this.gecko){
this.geckoVer = parseInt(this.ua.substring(this.ua.indexOf(‘Gecko’)+6, this.ua.length));
if (this.geckoVer 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 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 + '

‘;
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&lt;Els.length; i++){
    if (TagName == &quot;object&quot;) {
        //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 &amp;&amp; C.gecko) {Els[i].style.display = '';}
        }
        else{
            Els[i].style.visibility = 'hidden';
            if (C.mac &amp;&amp; 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  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&lt;Len; i++){
    Temp[i] = InArray[i];
}

for (i=0; i&lt;Len; i++){
    Num = Math.floor(j  *  Math.random());
    InArray[i] = Temp[Num];

    for (var k=Num; k &lt; (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[Longest].length){
        Longest = i;
    }
}
return Longest;

}

//UNICODE CHARACTER FUNCTIONS
function IsCombiningDiacritic(CharNum){
var Result = (((CharNum >= 0x0300)&&(CharNum = 0x20d0)&&(CharNum = 0x3099)&&(CharNum = 0xfe20)&&(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 -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();
}
}

//JCROSS CORE JAVASCRIPT CODE

var InGap = false;
var CurrentBox = null;
var Feedback = '';
var AcrossCaption = '';
var DownCaption = '';
var Correct = 'Correct! Well done.';
var Incorrect = 'Some of your answers are incorrect. Incorrect squares have been blanked out.';
var GiveHint = 'A correct letter has been added.';
var YourScoreIs = 'Your score is ';
var BuiltGrid = '';
var BuiltExercise = '';
var Penalties = 0;
var Score = 0;
var InTextBox = false;
var Locked = false;
var TimeOver = false;
var CaseSensitive = false;

var InputStuff = '[strClueNum]: ‘;
InputStuff += ‘[strClue] ‘;
InputStuff += ‘Enter’;
InputStuff += ‘Hint’;
InputStuff += ”;

var CurrBoxElement = null;
var Finished = false;

function StartUp(){
RemoveBottomNavBarForIE();
//Show a keypad if there is one (added bugfix for 6.0.4.12)
if (document.getElementById(‘CharacterKeypad’) != null){
document.getElementById(‘CharacterKeypad’).style.display = ‘block’;
}

AcrossCaption = document.getElementById('CluesAcrossLabel').innerHTML;
DownCaption = document.getElementById('CluesDownLabel').innerHTML;

}

function GetAnswerLength(Across,x,y){
Result = 0;
if (Across == false){
while ((x 0)){
Result += L[x][y].length;
x++;
}
return Result;
}
else{
while ((y 0)){
Result += L[x][y].length;
y++;
}
return Result;
}
}

function GetEditSize(Across,x,y){
var Len = GetAnswerLength(Across,x,y);
if (IsCJK(L[x][y].charCodeAt(0))){
Len *= 2;
}
return Len;
}

function ShowClue(ClueNum,x,y){
var Result = ”;
var Temp;
var strParams;
var Clue = document.getElementById(‘Clue_A_’ + ClueNum);
if (Clue != null){
Temp = InputStuff.replace(/[ClueNum]/g, ClueNum);
Temp = Temp.replace(/[strClueNum]/g, AcrossCaption + ‘ ‘ + ClueNum);
strParams = ‘true,’ + ClueNum + ‘,’ + x + ‘,’ + y + ‘,\'[strBoxId]\”;
Temp = Temp.replace(/[strParams]/g, strParams);
Temp = Temp.replace(/[strBoxId]/g, ‘GA_’ + ClueNum + ‘‘ + x + ‘‘ + y);
Temp = Temp.replace(/[strEditSize]/g, GetEditSize(true,x,y));
Temp = Temp.replace(/[strMaxLength]/g, GetAnswerLength(true,x,y));
Temp = Temp.replace(/[strClue]/g, Clue.innerHTML, Temp);
Result += Temp;
}
Clue = document.getElementById(‘Clue_D_’ + ClueNum);
if (Clue != null){
Temp = InputStuff.replace(/[ClueNum]/g, ClueNum);
Temp = Temp.replace(/[strClueNum]/g, DownCaption + ‘ ‘ + ClueNum);
strParams = ‘false,’ + ClueNum + ‘,’ + x + ‘,’ + y + ‘,\'[strBoxId]\”;
Temp = Temp.replace(/[strParams]/g, strParams);
Temp = Temp.replace(/[strBoxId]/g, ‘GD_’ + ClueNum + ‘‘ + x + ‘‘ + y);
Temp = Temp.replace(/[strEditSize]/g, GetAnswerLength(false,x,y));
Temp = Temp.replace(/[strClue]/g, Clue.innerHTML, Temp);
Result += Temp;
}
document.getElementById(‘ClueEntry’).innerHTML = Result;
}

function EnterGuess(Across,ClueNum,x,y,BoxId){
if (document.getElementById(BoxId) != null){
var Guess = document.getElementById(BoxId).value;
var AnsLength = GetAnswerLength(Across,x,y);
EnterAnswer(Guess,Across,AnsLength,x,y);
}
}

function SplitStringToPerceivedChars(InString, PC){
var Temp = InString.charAt(0);
if (InString.length > 1){
for (var i=1; i<InString.length; i++){
if (IsCombiningDiacritic(InString.charCodeAt(i)) == true){
Temp += InString.charAt(i);
}
else{
PC.push(Temp);
Temp = InString.charAt(i);
}
}
}
PC.push(Temp);
}

function EnterAnswer(Guess,Across,AnsLength,x,y){
var PC = new Array();
SplitStringToPerceivedChars(Guess, PC);

var i=x;
var j=y;
var Letter = 0;
while (Letter &lt; AnsLength){
    if (Letter &lt; PC.length){
        G[i][j] = PC[Letter];
        if (document.getElementById('L_' + i + '_' + j) != null){
            document.getElementById('L_' + i + '_' + j).innerHTML = PC[Letter];
        }
    }
    if (Across == true){
        j++;
    }
    else{
        i++;
    }
    Letter++;
}

}

function SetGridSquareValue(x,y,Val){
var GridId = 'L_' + x + '_' + y;
if (document.getElementById(GridId) != null){
document.getElementById(GridId).innerHTML = Val;
}
}

function ShowHint(Across,ClueNum,x,y,BoxId){
var i=x;
var j=y;
var LetterFromGuess = '';
var LetterFromKey = '';
var OutString = '';
if (Across==true){
while (j<L[i].length){
if (L[i][j] != ''){
OutString += L[i][j];
if (CaseSensitive == true){
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
// if (G[i][j] != L[i][j]){
G[i][j] = L[i][j];
Penalties++;
break;
}
}
else{
break;
}
j++;
}
}
else{
while (i<L.length){
if (L[i][j] != ''){
OutString += L[i][j];
if (CaseSensitive == true){
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
// if (G[i][j] != L[i][j]){
G[i][j] = L[i][j];
Penalties++;
break;
}
}
else{
break;
}
i++;
}
}
if (document.getElementById(BoxId) != null){
document.getElementById(BoxId).value = OutString;
}
}

L = new Array();
L[0] = new Array('','','','','','','L','','','','','','');
L[1] = new Array('','','','','','','I','','','','','','');
L[2] = new Array('','','','','','','O','','','','','','');
L[3] = new Array('','','','','M','O','N','K','E','Y','','','');
L[4] = new Array('','','M','','','','','','L','','','','');
L[5] = new Array('C','R','O','C','O','D','I','L','E','','','','');
L[6] = new Array('','','U','','','O','','','P','','','','');
L[7] = new Array('','','S','','','G','','','H','','','','');
L[8] = new Array('','','E','','','','','R','A','B','B','I','T');
L[9] = new Array('','','','','','','','','N','','','','');
L[10] = new Array('','','','','','','C','A','T','','','','');

CL = new Array();
CL[0] = new Array(0,0,0,0,0,0,1,0,0,0,0,0,0);
CL[1] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);
CL[2] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);
CL[3] = new Array(0,0,0,0,2,0,0,0,3,0,0,0,0);
CL[4] = new Array(0,0,4,0,0,0,0,0,0,0,0,0,0);
CL[5] = new Array(5,0,0,0,0,6,0,0,0,0,0,0,0);
CL[6] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);
CL[7] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);
CL[8] = new Array(0,0,0,0,0,0,0,7,0,0,0,0,0);
CL[9] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);
CL[10] = new Array(0,0,0,0,0,0,8,0,0,0,0,0,0);

G = new Array();
G[0] = new Array('','','','','','','','','','','','','');
G[1] = new Array('','','','','','','','','','','','','');
G[2] = new Array('','','','','','','','','','','','','');
G[3] = new Array('','','','','','','','','','','','','');
G[4] = new Array('','','','','','','','','','','','','');
G[5] = new Array('','','','','','','','','','','','','');
G[6] = new Array('','','','','','','','','','','','','');
G[7] = new Array('','','','','','','','','','','','','');
G[8] = new Array('','','','','','','','','','','','','');
G[9] = new Array('','','','','','','','','','','','','');
G[10] = new Array('','','','','','','','','','','','','');

function CheckAnswers(){
if (Locked == true){return;}

var AllCorrect = true;
var TotLetters = 0;
var CorrectLetters = 0;
var LetterFromKey = ''; 
var LetterFromGuess = '';

//Check each letter
for (var i=0; i<L.length; i++){
for (var j=0; j<L[i].length; j++){
if (L[i][j] != ''){
TotLetters++;
if (CaseSensitive == true) {
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
G[i][j] = '';
//Blank that square in the grid
SetGridSquareValue(i,j,'');
AllCorrect = false;
}
else{
CorrectLetters++;
}
}
}
}

Score = Math.floor(((CorrectLetters-Penalties) * 100)/TotLetters);
if (Score &lt; 0){Score = 0;}

//Compile the output
var Output = '';

if (AllCorrect == true){
    Output = Correct + '<br />';
}

Output += YourScoreIs + ' ' + Score + '%.<br />';
if (AllCorrect == false){
    Output += Incorrect;
    Penalties++;
}

ShowMessage(Output);
WriteToInstructions(Output);

if ((AllCorrect == true)||(TimeOver == true)){


    TimeOver = true;
    Locked = true;
    Finished = true;
    setTimeout('Finish()', SubmissionTimeout);
}

}

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.submit();
}
}

function TypeChars(Chars){
if (CurrentBox != null){
CurrentBox.value += Chars;
}
}

//–>

//]]>

ANIMAL NAMES

Crossword

Complete the crossword, then click on “Check” to check your answer. If you are stuck, you can click on “Hint” to get a free letter. Click on a number in the grid to see the clue or clues for that number.


<!–
 Check 

–>

            1               
                         
                         
        2          3           
    4                       
5            6                 
                         
                         
              7             
                         
            8               

 Check 

Across:

2. Kera
5. Buaya
7. Kelinci
8. Kucing

Down:

1. Singa
3. Gajah
4. Tikus
6. Anjing

ANIMAL NAMES

/* 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;
}

body{
font-family: Geneva,Arial,sans-serif;
background-color: #C0C0C0;
color: #000000;

margin-right: 5%;
margin-left: 5%;
font-size: small;

}

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: #000000;
}

button{
font-family: Geneva,Arial,sans-serif;
font-size: 100%;
display: inline;
}

.ExerciseTitle{
font-size: 140%;
color: #000000;
}

.ExerciseSubtitle{
font-size: 120%;
color: #000000;
}

div.StdDiv{
background-color: #FFFFFF;
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”, Geneva,Arial,sans-serif;
}

.CentredRTLText{
text-align: center;
font-size: 150%;
direction: rtl;
font-family: “Simplified Arabic”, “Traditional Arabic”, “Times New Roman”, Geneva,Arial,sans-serif;
}

button p.RTLText{
text-align: center;
}

.RTLGapBox{
text-align: right;
font-size: 150%;
direction: rtl;
font-family: “Times New Roman”, Geneva,Arial,sans-serif;
}

.Guess{
font-weight: bold;
}

.CorrectAnswer{
font-weight: bold;
}

div#Timer{
padding: 0.25em;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #000000;
}

span#TimerText{
padding: 0.25em;
border-width: 1px;
border-style: solid;
font-weight: bold;
display: none;
color: #000000;
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
color: #000000;
}

.LeftItem{
font-size: 100%;
color: #000000;
text-align: left;
}

.RightItem{
font-weight: bold;
font-size: 100%;
color: #000000;
}

span.CorrectMark{

}

input, textarea{
font-family: Geneva,Arial,sans-serif;
font-size: 120%;
}

select{
font-size: 100%;
}

div.Feedback {
background-color: #C0C0C0;
left: 33%;
width: 34%;
top: 33%;
z-index: 1;
border-style: solid;
border-width: 1px;
padding: 5px;
text-align: center;
color: #000000;
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: #FFFFFF;
}

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: #FFFFFF;
}

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: #000000;
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: Geneva,Arial,sans-serif;
font-size: 120%;
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: Geneva,Arial,sans-serif;
}

.QuestionText{
text-align: left;
margin: 0px;
font-size: 100%;
}

.Answer{
font-size: 120%;
letter-spacing: 0.1em;
}

.PartialAnswer{
font-size: 120%;
letter-spacing: 0.1em;
color: #000000;
}

.Highlight{
color: #000000;
background-color: #ffff00;
font-weight: bold;
font-size: 120%;
}

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: #ffffff;
border-top-color: #ffffff;
border-right-color: #7f7f7f;
border-bottom-color: #7f7f7f;
color: #000000;
background-color: #FFFFFF;

border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;

}

.FuncButtonUp {
color: #FFFFFF;
text-align: center;
border-style: solid;

border-left-color: #ffffff;
border-top-color: #ffffff;
border-right-color: #7f7f7f;
border-bottom-color: #7f7f7f;

background-color: #000000;
color: #FFFFFF;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;

}

.FuncButtonDown {
color: #FFFFFF;
text-align: center;
border-style: solid;

border-left-color: #7f7f7f;
border-top-color: #7f7f7f;
border-right-color: #ffffff;
border-bottom-color: #ffffff;
background-color: #000000;
color: #FFFFFF;

border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;

}

/BeginNavBarStyle/

div.NavButtonBar{
background-color: #000000;
text-align: center;
margin: 2px 0px 2px 0px;
clear: both;
font-size: 100%;
}

.NavButton {
border-style: solid;

border-left-color: #7f7f7f;
border-top-color: #7f7f7f;
border-right-color: #000000;
border-bottom-color: #000000;
background-color: #000000;
color: #ffffff;

border-width: 2px;
cursor: pointer;    

}

.NavButtonUp {
border-style: solid;

border-left-color: #7f7f7f;
border-top-color: #7f7f7f;
border-right-color: #000000;
border-bottom-color: #000000;
color: #000000;
background-color: #ffffff;

border-width: 2px;
cursor: pointer;    

}

.NavButtonDown {
border-style: solid;

border-left-color: #000000;
border-top-color: #000000;
border-right-color: #7f7f7f;
border-bottom-color: #7f7f7f;
color: #000000;
background-color: #ffffff;

border-width: 2px;
cursor: pointer;    

}

/EndNavBarStyle/

a{
color: #0000FF;
}

a:visited{
color: #0000CC;
}

a:hover{
color: #0000FF;
}

div.CardStyle {
position: absolute;
font-family: Geneva,Arial,sans-serif;
font-size: 100%;
padding: 5px;
border-style: solid;
border-width: 1px;
color: #000000;
background-color: #FFFFFF;
left: -50px;
top: -50px;
overflow: visible;
}

.rtl{
text-align: right;
font-size: 140%;
}

//<![CDATA[

1);
if (this.gecko){
this.geckoVer = parseInt(this.ua.substring(this.ua.indexOf(‘Gecko’)+6, this.ua.length));
if (this.geckoVer 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 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 + '

‘;
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&lt;Els.length; i++){
    if (TagName == &quot;object&quot;) {
        //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 &amp;&amp; C.gecko) {Els[i].style.display = '';}
        }
        else{
            Els[i].style.visibility = 'hidden';
            if (C.mac &amp;&amp; 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  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&lt;Len; i++){
    Temp[i] = InArray[i];
}

for (i=0; i&lt;Len; i++){
    Num = Math.floor(j  *  Math.random());
    InArray[i] = Temp[Num];

    for (var k=Num; k &lt; (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[Longest].length){
        Longest = i;
    }
}
return Longest;

}

//UNICODE CHARACTER FUNCTIONS
function IsCombiningDiacritic(CharNum){
var Result = (((CharNum >= 0x0300)&&(CharNum = 0x20d0)&&(CharNum = 0x3099)&&(CharNum = 0xfe20)&&(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 -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();
}
}

//JCROSS CORE JAVASCRIPT CODE

var InGap = false;
var CurrentBox = null;
var Feedback = '';
var AcrossCaption = '';
var DownCaption = '';
var Correct = 'Correct! Well done.';
var Incorrect = 'Some of your answers are incorrect. Incorrect squares have been blanked out.';
var GiveHint = 'A correct letter has been added.';
var YourScoreIs = 'Your score is ';
var BuiltGrid = '';
var BuiltExercise = '';
var Penalties = 0;
var Score = 0;
var InTextBox = false;
var Locked = false;
var TimeOver = false;
var CaseSensitive = false;

var InputStuff = '[strClueNum]: ‘;
InputStuff += ‘[strClue] ‘;
InputStuff += ‘Enter’;
InputStuff += ‘Hint’;
InputStuff += ”;

var CurrBoxElement = null;
var Finished = false;

function StartUp(){
RemoveBottomNavBarForIE();
//Show a keypad if there is one (added bugfix for 6.0.4.12)
if (document.getElementById(‘CharacterKeypad’) != null){
document.getElementById(‘CharacterKeypad’).style.display = ‘block’;
}

AcrossCaption = document.getElementById('CluesAcrossLabel').innerHTML;
DownCaption = document.getElementById('CluesDownLabel').innerHTML;

}

function GetAnswerLength(Across,x,y){
Result = 0;
if (Across == false){
while ((x 0)){
Result += L[x][y].length;
x++;
}
return Result;
}
else{
while ((y 0)){
Result += L[x][y].length;
y++;
}
return Result;
}
}

function GetEditSize(Across,x,y){
var Len = GetAnswerLength(Across,x,y);
if (IsCJK(L[x][y].charCodeAt(0))){
Len *= 2;
}
return Len;
}

function ShowClue(ClueNum,x,y){
var Result = ”;
var Temp;
var strParams;
var Clue = document.getElementById(‘Clue_A_’ + ClueNum);
if (Clue != null){
Temp = InputStuff.replace(/[ClueNum]/g, ClueNum);
Temp = Temp.replace(/[strClueNum]/g, AcrossCaption + ‘ ‘ + ClueNum);
strParams = ‘true,’ + ClueNum + ‘,’ + x + ‘,’ + y + ‘,\'[strBoxId]\”;
Temp = Temp.replace(/[strParams]/g, strParams);
Temp = Temp.replace(/[strBoxId]/g, ‘GA_’ + ClueNum + ‘‘ + x + ‘‘ + y);
Temp = Temp.replace(/[strEditSize]/g, GetEditSize(true,x,y));
Temp = Temp.replace(/[strMaxLength]/g, GetAnswerLength(true,x,y));
Temp = Temp.replace(/[strClue]/g, Clue.innerHTML, Temp);
Result += Temp;
}
Clue = document.getElementById(‘Clue_D_’ + ClueNum);
if (Clue != null){
Temp = InputStuff.replace(/[ClueNum]/g, ClueNum);
Temp = Temp.replace(/[strClueNum]/g, DownCaption + ‘ ‘ + ClueNum);
strParams = ‘false,’ + ClueNum + ‘,’ + x + ‘,’ + y + ‘,\'[strBoxId]\”;
Temp = Temp.replace(/[strParams]/g, strParams);
Temp = Temp.replace(/[strBoxId]/g, ‘GD_’ + ClueNum + ‘‘ + x + ‘‘ + y);
Temp = Temp.replace(/[strEditSize]/g, GetAnswerLength(false,x,y));
Temp = Temp.replace(/[strClue]/g, Clue.innerHTML, Temp);
Result += Temp;
}
document.getElementById(‘ClueEntry’).innerHTML = Result;
}

function EnterGuess(Across,ClueNum,x,y,BoxId){
if (document.getElementById(BoxId) != null){
var Guess = document.getElementById(BoxId).value;
var AnsLength = GetAnswerLength(Across,x,y);
EnterAnswer(Guess,Across,AnsLength,x,y);
}
}

function SplitStringToPerceivedChars(InString, PC){
var Temp = InString.charAt(0);
if (InString.length > 1){
for (var i=1; i<InString.length; i++){
if (IsCombiningDiacritic(InString.charCodeAt(i)) == true){
Temp += InString.charAt(i);
}
else{
PC.push(Temp);
Temp = InString.charAt(i);
}
}
}
PC.push(Temp);
}

function EnterAnswer(Guess,Across,AnsLength,x,y){
var PC = new Array();
SplitStringToPerceivedChars(Guess, PC);

var i=x;
var j=y;
var Letter = 0;
while (Letter &lt; AnsLength){
    if (Letter &lt; PC.length){
        G[i][j] = PC[Letter];
        if (document.getElementById('L_' + i + '_' + j) != null){
            document.getElementById('L_' + i + '_' + j).innerHTML = PC[Letter];
        }
    }
    if (Across == true){
        j++;
    }
    else{
        i++;
    }
    Letter++;
}

}

function SetGridSquareValue(x,y,Val){
var GridId = 'L_' + x + '_' + y;
if (document.getElementById(GridId) != null){
document.getElementById(GridId).innerHTML = Val;
}
}

function ShowHint(Across,ClueNum,x,y,BoxId){
var i=x;
var j=y;
var LetterFromGuess = '';
var LetterFromKey = '';
var OutString = '';
if (Across==true){
while (j<L[i].length){
if (L[i][j] != ''){
OutString += L[i][j];
if (CaseSensitive == true){
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
// if (G[i][j] != L[i][j]){
G[i][j] = L[i][j];
Penalties++;
break;
}
}
else{
break;
}
j++;
}
}
else{
while (i<L.length){
if (L[i][j] != ''){
OutString += L[i][j];
if (CaseSensitive == true){
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
// if (G[i][j] != L[i][j]){
G[i][j] = L[i][j];
Penalties++;
break;
}
}
else{
break;
}
i++;
}
}
if (document.getElementById(BoxId) != null){
document.getElementById(BoxId).value = OutString;
}
}

L = new Array();
L[0] = new Array('','','','','','','L','','','','','','');
L[1] = new Array('','','','','','','I','','','','','','');
L[2] = new Array('','','','','','','O','','','','','','');
L[3] = new Array('','','','','M','O','N','K','E','Y','','','');
L[4] = new Array('','','M','','','','','','L','','','','');
L[5] = new Array('C','R','O','C','O','D','I','L','E','','','','');
L[6] = new Array('','','U','','','O','','','P','','','','');
L[7] = new Array('','','S','','','G','','','H','','','','');
L[8] = new Array('','','E','','','','','R','A','B','B','I','T');
L[9] = new Array('','','','','','','','','N','','','','');
L[10] = new Array('','','','','','','C','A','T','','','','');

CL = new Array();
CL[0] = new Array(0,0,0,0,0,0,1,0,0,0,0,0,0);
CL[1] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);
CL[2] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);
CL[3] = new Array(0,0,0,0,2,0,0,0,3,0,0,0,0);
CL[4] = new Array(0,0,4,0,0,0,0,0,0,0,0,0,0);
CL[5] = new Array(5,0,0,0,0,6,0,0,0,0,0,0,0);
CL[6] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);
CL[7] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);
CL[8] = new Array(0,0,0,0,0,0,0,7,0,0,0,0,0);
CL[9] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);
CL[10] = new Array(0,0,0,0,0,0,8,0,0,0,0,0,0);

G = new Array();
G[0] = new Array('','','','','','','','','','','','','');
G[1] = new Array('','','','','','','','','','','','','');
G[2] = new Array('','','','','','','','','','','','','');
G[3] = new Array('','','','','','','','','','','','','');
G[4] = new Array('','','','','','','','','','','','','');
G[5] = new Array('','','','','','','','','','','','','');
G[6] = new Array('','','','','','','','','','','','','');
G[7] = new Array('','','','','','','','','','','','','');
G[8] = new Array('','','','','','','','','','','','','');
G[9] = new Array('','','','','','','','','','','','','');
G[10] = new Array('','','','','','','','','','','','','');

function CheckAnswers(){
if (Locked == true){return;}

var AllCorrect = true;
var TotLetters = 0;
var CorrectLetters = 0;
var LetterFromKey = ''; 
var LetterFromGuess = '';

//Check each letter
for (var i=0; i<L.length; i++){
for (var j=0; j<L[i].length; j++){
if (L[i][j] != ''){
TotLetters++;
if (CaseSensitive == true) {
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
G[i][j] = '';
//Blank that square in the grid
SetGridSquareValue(i,j,'');
AllCorrect = false;
}
else{
CorrectLetters++;
}
}
}
}

Score = Math.floor(((CorrectLetters-Penalties) * 100)/TotLetters);
if (Score &lt; 0){Score = 0;}

//Compile the output
var Output = '';

if (AllCorrect == true){
    Output = Correct + '<br />';
}

Output += YourScoreIs + ' ' + Score + '%.<br />';
if (AllCorrect == false){
    Output += Incorrect;
    Penalties++;
}

ShowMessage(Output);
WriteToInstructions(Output);

if ((AllCorrect == true)||(TimeOver == true)){


    TimeOver = true;
    Locked = true;
    Finished = true;
    setTimeout('Finish()', SubmissionTimeout);
}

}

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.submit();
}
}

function TypeChars(Chars){
if (CurrentBox != null){
CurrentBox.value += Chars;
}
}

//–>

//]]>

ANIMAL NAMES

Crossword

Complete the crossword, then click on “Check” to check your answer. If you are stuck, you can click on “Hint” to get a free letter. Click on a number in the grid to see the clue or clues for that number.


<!–
 Check 

–>

            1               
                         
                         
        2          3           
    4                       
5            6                 
                         
                         
              7             
                         
            8               

 Check 

Across:

2. Kera
5. Buaya
7. Kelinci
8. Kucing

Down:

1. Singa
3. Gajah
4. Tikus
6. Anjing

Situs Penyedia Ebook Gratis

Salah satu situs favorit bagi pecinta ebook adalah http://ebookmeme.com. Situs ini merupakan penjelmaan dari situs http://libproject.net (“almarhum”).

image

Sudah beberapa waktu saya tidak mengunjunginya, terutama karena saya “pindah ke lain hati” karena telah menemukan situs penyedia buku elektronik (ebook) sejenis yang lebih menarik, yaitu: http://en.bookfi.org.

image

Saya katakan lebih menarik, karena antara lain alamat tautan ebook langsung (direct link), sedangkan ebookmeme menyimpannya di http://socifiles.com.

image

Sabtu (11/8) saya coba mengunjungi situs ebookmeme lagi, dengan maksud mencari koleksi buku-buku elektronik terbaru. Ketika itu, peramban (browser) Internet Mozilla Firefox tidak menampilkan apa-apa. Minggu (12/8) dinihari, saya coba lagi. Ternyata, AVG toolbar menampilkan pesan ancaman, sebagai berikut:

clip_image001

Setelah menekan [Tampilkan rincian]

clip_image002

Begitu juga, Comodo Firewall menampilkan pesan sebagai berikut:

clip_image003

Ternyata, ketika kita mengklik di halaman Ebookmeme, secara otomatis akan menampilkan jendela baru menuju halaman iklan dari Clicksor. Iklan-iklan ini menurut WOT memiliki reputasi rendah.

clip_image004

Dengan demikian, perbandingan antara Bookfi dan Ebookmeme, dapat dilihat di tabel berikut:

Bookfi

Ebookmeme

Alamat tautan langsung (direct link) Ebook dititipkan ke Socifiles
Memperkenankan mengunduh secara pararel, yang memungkinkan pengunduhan -menggunakan download manager- lebih cepat.

Tidak diperkenankan

Resumable. Jika pengunduhan bermasalah karena jaringan Internet putus misalnya, Anda dapat memulai kembali dari titik terakhir sebagian ebook tersimpan. Anda harus memulai dari awal. Berapapun pengunduhan telah selesai. Katakan sekalipun sudah mencapai 99,99%.
Relatif aman. Saya katakan relatif karena belum terdapat peringatan dari bodyguard saya. AVG toolbar di peramban Firefox dan firewall Comodo
Tanpa Menampilkan iklan. Bukan sekedar iklan, tapi iklan berbahaya.

Demikian share pengalaman saya. Mudah-mudahan bermanfaat.

Membuat Log Book Menulis

Book Title : Writer Tools

Chapter : How to make a Log Book

Writer : Edy Wihardjo [Edy Jo]

Anda sedang bergairah menulis? Ide menulis bertebaran dimana-mana? Apapun yang Anda sentuh, menjadi tulisan? Siapapun yang Anda temui, layak ditulis? Kapanpun, dimanapun, Anda siap menulis? Bahkan, hingga Anda merasa kewalahan menuliskannya? Calm down, gunakan Notepad.

Notepad merupakan program bawaan (default) Windows. Dengan kata lain, Notepad akan otomatis terinstal pada saat instalasi sistem operasi Windows. Begitu juga WordPad. Sedangkan Microsoft Word tidak. Seperti WordPad dan Microsoft Word, Notepad merupakan suatu editor teks. Namun, dibandingkan keduanya, Notepad berukuran relatif lebih kecil.

Bagaimana mengaktifkan Notepad? Lokasi program Notepad terletak di Accessories Programs. Sebagai contoh, lokasi program Notepad di laptop saya, C:\Users\Edy Jo\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Accessories\notepad.exe. Untuk mengaktifkannya:

Klik ikon Windows (di sudut kiri bawah) | klik menu All Programs | klik folder Accessories | klik Notepad. Tampilan awal Notepad sebagai berikut:

clip_image001

Untuk membuat Log Book, ketik .LOG di mulai dari kolom pertama, baris pertama. Kemudian, simpan. Klik File | Save as. Beri nama, misalnya log book. Ekstensi file tetap .txt. Setelah itu, tutup. Klik File | Exit.

clip_image002

Kemudian, aktifkan kembali file log book.txt

clip_image003

Kini, di baris kedua, akan tertera waktu Anda mengaktifkannya, meliputi jam, tanggal, bulan, dan tahun. Tuliskan catatan Anda di baris berikutnya.

clip_image004

Setelah selesai menulis, tutup program Notepad. Jangan lupa untuk menyimpan perubahannya. Klik tombol Save.

clip_image005

Di lain waktu, jika Anda akan menulis kembali, cukup aktifkan Notepad dan file log book.txt. Dengan sendirinya, Notepad akan menyisipkan waktu Anda mengaktifkannya.

clip_image006

Begitu seterusnya. Kini Anda tidak perlu kuatir lagi kehilangan ide menulis Anda. Happy writing 😉

Login Page

// – menghentikan animasi di frame 1 —
stop();
// – menampilkan layar penuh —
fscommand(“fullscreen”,true);
// – mematikan fungsi klik kanan —
fscommand(“showmenu”,false);

Di tombol [login]

on (press) {
if (sandi.text == "matemania"){
luaran.text = "selamat belajar, "+nama.text+"!";
} else {
luaran.text = "sandi "+nama.text+" salah, ulangi lagi.";
}
}

Info

Kamis sore, 28 Juli 2011, ketika akan menjadi instruktur di kelas Guru Matematika SMA, disapa oleh salah seorang peserta dari kelas Guru Matematika SMP. Intinya, beliau menyampaikan sering mengakses blog edywihardjo untuk mempelajari tutorial Flash (yang dimaksud adalah pengembangan media pembelajaran berbasis TI atau pakarTI menggunakan Adobe Flash, red). Namun, belakangan ini “sulit” diakses.

Sejak beberapa waktu lalu, saya juga mengalami hal sama. Awalnya, saya menduga akses Internet saya yang bermasalah, namun ketika Kamis malam (seusai nonton Garuda Indonesia menang) saya coba akses menggunakan Google Chrome, tampil pesan sebagai berikut:

Situs web mengalami galat saat mengambil http://edywihardjo.blog.unej.ac.id/. Situs web mungkin sedang terganggu karena ada perawatan atau dikonfigurasi secara salah.

Saya juga mencoba mengakses situs mirror, edyjo, ternyata menampilkan pesan sama. Sehingga, kemungkinan besar server blog yang bermasalah.

Untuk itu, saya menyarankan agar mengakses blog alternatif:

  • blog pakarTI mengenai pengembangan perangkat ajar berbasis Teknologi Informasi;
  • blog matemania bagi pecinta matematika;
  • blog rubiks-snake membahasa permainan rubiks snake.

Demikian info, mudah-mudahan bermanfaat.

[tweetmeme only_single=”false”]

Notebook Merek Kiky

Sebagai Dosen pengampu matakuliah Pengantar Teknologi Informasi (PeTI), saya sering mendapat pertanyaan –baik langsung atau via email– seputar TI. Salah satunya, “Bagaimana mengatasi notebook yang sulit dikoneksikan dengan LCD Viewer (untuk presentasi)?”.

Sayapun mengajukan sejumlah alternatif solusi, baik terkait software maupun hardware (PIN patah dll).

Anehnya, penanya menyatakan tak satupun berhasil. Karena penasaran, saya bertanya, “Emang NOTEBOOK kamu merek apa?”

Dengan santai dia menjawab, “KIKY”.

Alamak, itu mah NOTE BOOK.

[tweetmeme only_single=”false”]

Mengembangkan PakarTI

Bagi mahasiswa yang menempuh matakuliah Pembelajaran Berbantuan Komputer:

  1. Kelompok tetap seperti tugas sebelumnya, pembagian materi tetap. Contoh: Kel 1. SMP Kelas 7 semetser ganjil/genap?
  2. Masing-masing anggota kelompok (mahasiswa) membuat 5 soal JQuiz dan JCross. Contoh: 1 kelompok terdiri dari 9 mahasiswa, dan membahas 3 pokok bahasan (dalam 1 semester), maka dibagi (sendiri oleh Koordinator kelompok).
  3. Waktu mengerjakan: Selasa, 4 Juli 2011 (?) di Lab Komputer. Jika belum selesai, dilanjutkan di rumah.
  4. File yang dikumpulkan: 2 file kerja (JQuiz -ekstensi file .JQZ dan JCross -ekstensi file .JCW), serta 2 file hasil (format file HTML).
  5. Seluruh file (1 kelompok) dikumpulkan pada hari terjadual UAS– dalam 1 CD (compact disk). CD akan digunakan sebagai back up data.
  6. File juga dikirim via email ke: edy.unmuh@gmail.com dengan subjek email: "tugas PBKom".
  7. JQuiz: mahasiswa 1 mengetik 5 soal, dilanjutkan mahasiswa kedua dst.
  8. JCross: mahasiswa mengetik 5 jawaban., dilanjutkan mahasiswa berikutnya. Setelah selesai, dilanjutkan mengetik pertanyaan. Jika jumlah mahasiswa 9 orang, maka terdapat 45 soal. Ukuran panjang dan lebar kotak isian disesuaikan.
  9. Jika terdapat sisipan gambar (foto dll), letakkan di folder terpisah, misal diberi nama "image" atau "pictures" atau "gambar".
[tweetmeme only_single=”false”]

html tag

<p>&lt;html&gt;</p>  <p>&lt;head&gt;</p>  <p>&lt;title&gt;</p>  <blockquote>   <p><font color="#000000">     judul</font></p>    <p><font color="#000000">&lt;/title&gt;</font></p>    <p><font color="#000000">&lt;/head&gt;</font></p>    <p><font color="#000000">&lt;body&gt;</font></p>    <p><font color="#000000">     isi</font></p>    <p><font color="#000000">&lt;/body&gt;</font></p>    <p><font color="#000000">&lt;/html&gt;</font></p> </blockquote>
[tweetmeme only_single="false"]