Bulan: Oktober 2012

Mengatasi Masalah JavaScript di Google Chrome.

oleh

Konten kuis atau ujian online Anda yang dibuat menggunakan HotPotatoes tidak ditampilkan dengan benar oleh peramban Google Chrome? Berikut salah satu solusinya.

Pada postingan sebelumnya telah dibahas problem konten atau materi kuis online yang dibuat menggunakan HotPotatoes tidak bisa tampil karena pengaturan JavaScript di peramban (browser) Mozilla Firefox dan selesaiannya. Kali ini akan dibahas, permasalahan yang sama dan selesaiannya pada peramban Google Chrome.

Pertama, klik ikon image di sudut kanan atas. Ikon untuk menyesuaikan dan mengontrol Google Chrome.

Kedua, pilih sub-menu Setelan (atau Settings).

image

Ketiga, cari pengaturan JavaScript dengan mengetik JavaScript pada kolom isian penelusuran.

image

Keempat, pilih Setelan konten.

image

Kelima, pilih opsi Izinkan semua situs menjalankan JavaScript (disarankan) atau jika Anda menganggap berisiko, pilih opsi Jangan izinkan situs apa pun menjalankan JavaScript, dengan mengatur atau menambahkan Kelola pengecualian. Ketikkan alamat http://asesmen.mdl2.com, pilih menu drop down Bolehkan, kemudian klik Oke.

image

Demikian, semoga membantu.

Mengatasi Masalah JavaScript di Google Chrome.

oleh

Konten kuis atau ujian online Anda yang dibuat menggunakan HotPotatoes tidak ditampilkan dengan benar oleh peramban Google Chrome? Berikut salah satu solusinya.

Pada postingan sebelumnya telah dibahas problem konten atau materi kuis online yang dibuat menggunakan HotPotatoes tidak bisa tampil karena pengaturan JavaScript di peramban (browser) Mozilla Firefox dan selesaiannya. Kali ini akan dibahas, permasalahan yang sama dan selesaiannya pada peramban Google Chrome.

Pertama, klik ikon image di sudut kanan atas. Ikon untuk menyesuaikan dan mengontrol Google Chrome.

Kedua, pilih sub-menu Setelan (atau Settings).

image

Ketiga, cari pengaturan JavaScript dengan mengetik JavaScript pada kolom isian penelusuran.

image

  <p><font size="3" face="Ubuntu"><strong>Keempat</strong>, pilih <strong>Setelan konten</strong>.</font></p>  <p><a href="https://mat.or.id/wp-content/uploads/2012/10/image11.png"><img style="background-image:none;border-bottom:0;border-left:0;padding-left:0;padding-right:0;border-top:0;border-right:0;padding-top:0" title="image" border="0" alt="image" src="https://mat.or.id/wp-content/uploads/2012/10/image_thumb11.png" width="504" height="510" /></a></p>  <p><font size="3" face="Ubuntu"><strong>Kelima</strong>, pilih opsi <strong>Izinkan semua situs menjalankan JavaScript (disarankan)</strong> atau jika Anda menganggap berisiko, pilih opsi <strong>Jangan izinkan situs apa pun menjalankan JavaScript</strong>, dengan mengatur atau menambahkan Kelola pengecualian. Ketikkan alamat <a href="http://asesmen.mdl2.com">http://asesmen.mdl2.com</a>, pilih menu <em>drop down</em> <strong>Bolehkan</strong>, kemudian klik <strong>Oke</strong>.</font></p>  <p><a href="https://mat.or.id/wp-content/uploads/2012/10/image12.png"><img style="background-image:none;border-bottom:0;border-left:0;padding-left:0;padding-right:0;border-top:0;border-right:0;padding-top:0" title="image" border="0" alt="image" src="https://mat.or.id/wp-content/uploads/2012/10/image_thumb12.png" width="504" height="528" /></a></p>      <p><font size="3" face="Ubuntu">Demikian, semoga membantu.</font>

Sensasi Tablet

oleh

Anda hanya memiliki Notebook atau Netbook, tapi ingin merasakan sensasi PC-Tablet ketika membaca ebook? Ikuti tutorial berikut:

Pertama, bukalah ebook dalam format file PDF Anda menggunakan Adobe Reader.

Kedua, atur tampilan menjadi “portrait” (tegak), biasanya “landscape” (memanjang), dengan mengatur menu View dan memutar tampilan (Rotate View), Clockwise (searah jarum jam) atau Counterclockwise (berlawanan arah dengan jarum jam).

image

Tampilan ebook akan menjadi sebagai berikut:

image

Ketiga, tampilan secara layar penuh atau full screen dengan mengatur View | Full Screen Mode atau tekan Ctrl + L.

image

Nah, layar netbook Anda kini menampilkan ebook secara tegak serasa PC-tablet. Bahkan dengan kemampuan layar sentuh (touch screen). Kalau tidak percaya, silahkan sentuh layar netbook Anda. Bagaimana? Bisa “disentuh” kan.

image

Catatan: background hitam merupakan tampilan sisa layar.

Menyimpan Data di Awan

oleh

Kini, Anda dapat menyimpan data di “awan” menggunakan teknologi “cloud computing”. Salah satu penyedia layanan adalah Google dengan Google Drive. Untuk menggunakan layanan ini, Anda perlu memiliki akun Google.

Setelah membuat akun Google, silahkan login. Demi kemudahan, tutorial ini menggunakan peramban (browser) Google Chrome. Tampilan awal, sebagai berikuit:

 

image

Anda bisa langsung mengakses dengan mengetik alamat: https://drive.google.com

image

Berikut adalah jendela Google Drive dan file yang telah diunggah (upload).

image

Untuk membuat file baru, silahkan klik tombol CREATE. Untuk mengunggah file, silahkan klik tombol unggah (sebelah kanan).

image

Demikian tutorial. Semoga bermanfaat.

Mengatasi Masalah JavaScript

oleh

Konten soal HotPotatoes tidak dapat ditampilkan, sebagaimana pada gambar berikut:
image
atau
image
Salah satu penyebabnya adalah pengaturan penampilan konten (isi) pada peramban (browser) Internet. Soal yang dibuat menggunakan HotPotatoes memuat skrip pemrograman JavaScript. Untuk itu peramban perlu diatur untuk mengijinkan menampilkan konten JavaScript.
Sebagai contoh, pada peramban Mozilla Firefox. Klik sub-menu Pengaturan (Settings), terdapat di sudut kiri atas. Setelah tampil tab Pengaturan, centang opsi Aktifkan JavaScript. Kemudian, klik OK.
image
Selanjutnya, tekan tombol Refresh atau Reload.
image
Mudah-mudahan bermanfaat.

Statistik dan Peluang

oleh

Uji coba perangkat soal Statistik dan Peluang di SMA Negeri Pakusari Jember akan dilaksanakan pada Kamis, 11 Oktober 2012 dari pukul 7.00 hingga 8.00 WIB.
Note: Artikel ini hanya untuk pelaksana, yaitu kelompok 5B2. Sebagai latihan sebelum melaksanakan uji coba.
Pertama, mengakses lokasi perangkat soal dengan mengetik alamat: http://asesmen.mdl2.com/.
image
Di sudut kanan atas, terdapat opsi pilihan bahasa, English (en) atau Indonesian (id). Pilih sesuai keinginan Anda. Kemudian, tepat di atasnya tertulis keterangan, Anda belum login. Silahkan klik tombol login.
image
Kedua, ketik Username: siswa dan Password: ******** (dikirim melalui HP).
Ketiga, pilih kursus Statistik dan Peluang.
image
Keempat, pilih kegiatan pada rentang 10 Oktober – 16 Oktober. Lebih khusus, pada file Statistik dan Peluang.
image
Kelima, akan ditampilkan 20 (dua puluh) soal Statistik dan Peluang. Waktu mengerjakan 1 ja (60 menit). Anda bisa menampilkan soal seluruhnya (Show all questions) atau satu persatu (Show questions one by one).
image
Keenam, selamat mencoba. Jika terdapat persoalan, silahkan didiskusikan bersama anggota kelompok. Jika tidak terselesaikan, silahkan konsultasikan.
Beberapa catatan bagi kelompok pelaksana:

  • Peserta tes seharusnya hanya diberi kesempatan menjawab sekali, tanpa opsi mengulang atau mencoba lagi.
  • Soal tes seharusnya ditampilkan secara acak, sehingga antar peserta tes tidak saling bekerja sama.
  • Setelah direvisi, file JQuiz silahkan dikirim kembali via email.

Animal Names

oleh

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