1. <?xml version="1.0"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml"
  4. xml:lang="en"><head><meta name="author" content="Created with Hot Potatoes by Half-Baked Software, registered to ika."></meta><meta name="keywords" content="Hot Potatoes, Hot Potatoes, Half-Baked Software, Windows, University of Victoria"></meta>
  5. 
  6. <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
  7. <meta name="DC:Creator" content="ika" />
  8. <meta name="DC:Creator" content="yuli" />
  9. <meta name="DC:Title" content="Holiday-Fill in the blank" />
  10. 
  11. 
  12. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  13. 
  14. <title>
  15. Holiday-Fill in the blank
  16. </title>
  17. 
  18. <!-- Made with executable version 6.3 Release 0 Build 1 -->
  19. 
  20. <!-- The following insertion allows you to add your own code directly to this head tag from the configuration screen -->
  21. 
  22. 
  23. 
  24. <style type="text/css">
  25. 
  26. 
  27. /* This is the CSS stylesheet used in the exercise. */
  28. /* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */
  29. 
  30. /* BeginCorePageCSS */
  31. 
  32. /* Made with executable version 6.3 Release 0 Build 1 */
  33. 
  34. 
  35. /* Hack to hide a nested Quicktime player from IE, which can't handle it. */
  36. * html object.MediaPlayerNotForIE {
  37. display: none;
  38. }
  39. 
  40. body{
  41. font-family: Geneva,Arial,sans-serif;
  42. background-color: #008000;
  43. color: #000000;
  44. background-image: url(hghhkjlkmkgyedf.jpg);
  45. margin-right: 5%;
  46. margin-left: 5%;
  47. font-size: small;
  48. }
  49. 
  50. p{
  51. text-align: left;
  52. margin: 0px;
  53. font-size: 100%;
  54. }
  55. 
  56. table,div,span,td{
  57. font-size: 100%;
  58. color: #000000;
  59. }
  60. 
  61. div.Titles{
  62. padding: 0.5em;;
  63. text-align: center;
  64. color: #000000;
  65. }
  66. 
  67. button{
  68. font-family: Geneva,Arial,sans-serif;
  69. font-size: 100%;
  70. display: inline;
  71. }
  72. 
  73. .ExerciseTitle{
  74. font-size: 140%;
  75. color: #000000;
  76. }
  77. 
  78. .ExerciseSubtitle{
  79. font-size: 120%;
  80. color: #000000;
  81. }
  82. 
  83. div.StdDiv{
  84. background-color: #FFFFFF;
  85. text-align: center;
  86. font-size: 100%;
  87. color: #000000;
  88. padding: 0.5em;
  89. border-style: solid;
  90. border-width: 1px 1px 1px 1px;
  91. border-color: #000000;
  92. margin-bottom: 1px;
  93. }
  94. 
  95. /* EndCorePageCSS */
  96. 
  97. .RTLText{
  98. text-align: right;
  99. font-size: 150%;
  100. direction: rtl;
  101. font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;
  102. }
  103. 
  104. .CentredRTLText{
  105. text-align: center;
  106. font-size: 150%;
  107. direction: rtl;
  108. font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;
  109. }
  110. 
  111. button p.RTLText{
  112. text-align: center;
  113. }
  114. 
  115. .RTLGapBox{
  116. text-align: right;
  117. font-size: 150%;
  118. direction: rtl;
  119. font-family: "Times New Roman", Geneva,Arial,sans-serif;
  120. }
  121. 
  122. .Guess{
  123. font-weight: bold;
  124. }
  125. 
  126. .CorrectAnswer{
  127. font-weight: bold;
  128. }
  129. 
  130. div#Timer{
  131. padding: 0.25em;
  132. margin-left: auto;
  133. margin-right: auto;
  134. text-align: center;
  135. color: #000000;
  136. }
  137. 
  138. span#TimerText{
  139. padding: 0.25em;
  140. border-width: 1px;
  141. border-style: solid;
  142. font-weight: bold;
  143. display: none;
  144. color: #000000;
  145. }
  146. 
  147. span.Instructions{
  148. 
  149. }
  150. 
  151. div.ExerciseText{
  152. 
  153. }
  154. 
  155. .FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
  156. color: #000000;
  157. }
  158. 
  159. .LeftItem{
  160. font-size: 100%;
  161. color: #000000;
  162. text-align: left;
  163. }
  164. 
  165. .RightItem{
  166. font-weight: bold;
  167. font-size: 100%;
  168. color: #000000;
  169. }
  170. 
  171. span.CorrectMark{
  172. 
  173. }
  174. 
  175. input, textarea{
  176. font-family: Geneva,Arial,sans-serif;
  177. font-size: 120%;
  178. }
  179. 
  180. select{
  181. font-size: 100%;
  182. }
  183. 
  184. div.Feedback {
  185. background-color: #008000;
  186. left: 33%;
  187. width: 34%;
  188. top: 33%;
  189. z-index: 1;
  190. border-style: solid;
  191. border-width: 1px;
  192. padding: 5px;
  193. text-align: center;
  194. color: #000000;
  195. position: absolute;
  196. display: none;
  197. font-size: 100%;
  198. }
  199. 
  200. 
  201. 
  202. 
  203. div.ExerciseDiv{
  204. color: #000000;
  205. }
  206. 
  207. /* JMatch flashcard styles */
  208. table.FlashcardTable{
  209. background-color: transparent;
  210. color: #000000;
  211. border-color: #000000;
  212. margin-left: 5%;
  213. margin-right: 5%;
  214. margin-top: 2em;
  215. margin-bottom: 2em;
  216. width: 90%;
  217. position: relative;
  218. text-align: center;
  219. padding: 0px;
  220. }
  221. 
  222. table.FlashcardTable tr{
  223. border-style: none;
  224. margin: 0px;
  225. padding: 0px;
  226. background-color: #FFFFFF;
  227. }
  228. 
  229. table.FlashcardTable td.Showing{
  230. font-size: 140%;
  231. text-align: center;
  232. width: 50%;
  233. display: table-cell;
  234. padding: 2em;
  235. margin: 0px;
  236. border-style: solid;
  237. border-width: 1px;
  238. color: #000000;
  239. background-color: #FFFFFF;
  240. }
  241. 
  242. table.FlashcardTable td.Hidden{
  243. display: none;
  244. }
  245. 
  246. /* JMix styles */
  247. div#SegmentDiv{
  248. margin-top: 2em;
  249. margin-bottom: 2em;
  250. text-align: center;
  251. }
  252. 
  253. a.ExSegment{
  254. font-size: 120%;
  255. font-weight: bold;
  256. text-decoration: none;
  257. color: #000000;
  258. }
  259. 
  260. span.RemainingWordList{
  261. font-style: italic;
  262. }
  263. 
  264. div.DropLine {
  265. position: absolute;
  266. text-align: center;
  267. border-bottom-style: solid;
  268. border-bottom-width: 1px;
  269. border-bottom-color: #000000;
  270. width: 80%;
  271. }
  272. 
  273. /* JCloze styles */
  274. 
  275. .ClozeWordList{
  276. text-align: center;
  277. font-weight: bold;
  278. }
  279. 
  280. div.ClozeBody{
  281. text-align: left;
  282. margin-top: 2em;
  283. margin-bottom: 2em;
  284. line-height: 2.0
  285. }
  286. 
  287. span.GapSpan{
  288. font-weight: bold;
  289. }
  290. 
  291. /* JCross styles */
  292. 
  293. table.CrosswordGrid{
  294. margin: auto auto 1em auto;
  295. border-collapse: collapse;
  296. padding: 0px;
  297. background-color: #000000;
  298. }
  299. 
  300. table.CrosswordGrid tbody tr td{
  301. width: 1.5em;
  302. height: 1.5em;
  303. text-align: center;
  304. vertical-align: middle;
  305. font-size: 140%;
  306. padding: 1px;
  307. margin: 0px;
  308. border-style: solid;
  309. border-width: 1px;
  310. border-color: #000000;
  311. color: #000000;
  312. }
  313. 
  314. table.CrosswordGrid span{
  315. color: #000000;
  316. }
  317. 
  318. table.CrosswordGrid td.BlankCell{
  319. background-color: #000000;
  320. color: #000000;
  321. }
  322. 
  323. table.CrosswordGrid td.LetterOnlyCell{
  324. text-align: center;
  325. vertical-align: middle;
  326. background-color: #ffffff;
  327. color: #000000;
  328. font-weight: bold;
  329. }
  330. 
  331. table.CrosswordGrid td.NumLetterCell{
  332. text-align: left;
  333. vertical-align: top;
  334. background-color: #ffffff;
  335. color: #000000;
  336. padding: 1px;
  337. font-weight: bold;
  338. }
  339. 
  340. .NumLetterCellText{
  341. cursor: pointer;
  342. color: #000000;
  343. }
  344. 
  345. .GridNum{
  346. vertical-align: super;
  347. font-size: 66%;
  348. font-weight: bold;
  349. text-decoration: none;
  350. color: #000000;
  351. }
  352. 
  353. .GridNum:hover, .GridNum:visited{
  354. color: #000000;
  355. }
  356. 
  357. table#Clues{
  358. margin: auto;
  359. vertical-align: top;
  360. }
  361. 
  362. table#Clues td{
  363. vertical-align: top;
  364. }
  365. 
  366. table.ClueList{
  367. margin: auto;
  368. }
  369. 
  370. td.ClueNum{
  371. text-align: right;
  372. font-weight: bold;
  373. vertical-align: top;
  374. }
  375. 
  376. td.Clue{
  377. text-align: left;
  378. }
  379. 
  380. div#ClueEntry{
  381. text-align: left;
  382. margin-bottom: 1em;
  383. }
  384. 
  385. /* Keypad styles */
  386. 
  387. div.Keypad{
  388. text-align: center;
  389. display: none; /* initially hidden, shown if needed */
  390. margin-bottom: 0.5em;
  391. }
  392. 
  393. div.Keypad button{
  394. font-family: Geneva,Arial,sans-serif;
  395. font-size: 120%;
  396. background-color: #ffffff;
  397. color: #000000;
  398. width: 2em;
  399. }
  400. 
  401. /* JQuiz styles */
  402. 
  403. div.QuestionNavigation{
  404. text-align: center;
  405. }
  406. 
  407. .QNum{
  408. margin: 0em 1em 0.5em 1em;
  409. font-weight: bold;
  410. vertical-align: middle;
  411. }
  412. 
  413. textarea{
  414. font-family: Geneva,Arial,sans-serif;
  415. }
  416. 
  417. .QuestionText{
  418. text-align: left;
  419. margin: 0px;
  420. font-size: 100%;
  421. }
  422. 
  423. .Answer{
  424. font-size: 120%;
  425. letter-spacing: 0.1em;
  426. }
  427. 
  428. .PartialAnswer{
  429. font-size: 120%;
  430. letter-spacing: 0.1em;
  431. color: #000000;
  432. }
  433. 
  434. .Highlight{
  435. color: #000000;
  436. background-color: #ffff00;
  437. font-weight: bold;
  438. font-size: 120%;
  439. }
  440. 
  441. ol.QuizQuestions{
  442. text-align: left;
  443. list-style-type: none;
  444. }
  445. 
  446. li.QuizQuestion{
  447. padding: 1em;
  448. border-style: solid;
  449. border-width: 0px 0px 1px 0px;
  450. }
  451. 
  452. ol.MCAnswers{
  453. text-align: left;
  454. list-style-type: upper-alpha;
  455. padding: 1em;
  456. }
  457. 
  458. ol.MCAnswers li{
  459. margin-bottom: 1em;
  460. }
  461. 
  462. ol.MSelAnswers{
  463. text-align: left;
  464. list-style-type: lower-alpha;
  465. padding: 1em;
  466. }
  467. 
  468. div.ShortAnswer{
  469. padding: 1em;
  470. }
  471. 
  472. .FuncButton {
  473. text-align: center;
  474. border-style: solid;
  475. 
  476. border-left-color: #ffffff;
  477. border-top-color: #ffffff;
  478. border-right-color: #7f7f7f;
  479. border-bottom-color: #7f7f7f;
  480. color: #000000;
  481. background-color: #FFFFFF;
  482. 
  483. border-width: 2px;
  484. padding: 3px 6px 3px 6px;
  485. cursor: pointer;
  486. }
  487. 
  488. .FuncButtonUp {
  489. color: #FFFFFF;
  490. text-align: center;
  491. border-style: solid;
  492. 
  493. border-left-color: #ffffff;
  494. border-top-color: #ffffff;
  495. border-right-color: #7f7f7f;
  496. border-bottom-color: #7f7f7f;
  497. 
  498. background-color: #000000;
  499. color: #FFFFFF;
  500. border-width: 2px;
  501. padding: 3px 6px 3px 6px;
  502. cursor: pointer;
  503. }
  504. 
  505. .FuncButtonDown {
  506. color: #FFFFFF;
  507. text-align: center;
  508. border-style: solid;
  509. 
  510. border-left-color: #7f7f7f;
  511. border-top-color: #7f7f7f;
  512. border-right-color: #ffffff;
  513. border-bottom-color: #ffffff;
  514. background-color: #000000;
  515. color: #FFFFFF;
  516. 
  517. border-width: 2px;
  518. padding: 3px 6px 3px 6px;
  519. cursor: pointer;
  520. }
  521. 
  522. /*BeginNavBarStyle*/
  523. 
  524. div.NavButtonBar{
  525. background-color: #80ff00;
  526. text-align: center;
  527. margin: 2px 0px 2px 0px;
  528. clear: both;
  529. font-size: 100%;
  530. }
  531. 
  532. .NavButton {
  533. border-style: solid;
  535. border-left-color: #bfff7f;
  536. border-top-color: #bfff7f;
  537. border-right-color: #407f00;
  538. border-bottom-color: #407f00;
  539. background-color: #80ff00;
  540. color: #000000;
  541. 
  542. border-width: 2px;
  543. cursor: pointer;
  544. }
  545. 
  546. .NavButtonUp {
  547. border-style: solid;
  548. 
  549. border-left-color: #bfff7f;
  550. border-top-color: #bfff7f;
  551. border-right-color: #407f00;
  552. border-bottom-color: #407f00;
  553. color: #80ff00;
  554. background-color: #000000;
  555. 
  556. border-width: 2px;
  557. cursor: pointer;
  558. }
  559. 
  560. .NavButtonDown {
  561. border-style: solid;
  562. 
  563. border-left-color: #407f00;
  564. border-top-color: #407f00;
  565. border-right-color: #bfff7f;
  566. border-bottom-color: #bfff7f;
  567. color: #80ff00;
  568. background-color: #000000;
  569. 
  570. border-width: 2px;
  571. cursor: pointer;
  572. }
  573. 
  574. /*EndNavBarStyle*/
  575. 
  576. a{
  577. color: #0000FF;
  578. }
  579. 
  580. a:visited{
  581. color: #0000CC;
  582. }
  583. 
  584. a:hover{
  585. color: #0000FF;
  586. }
  587. 
  588. div.CardStyle {
  589. position: absolute;
  590. font-family: Geneva,Arial,sans-serif;
  591. font-size: 100%;
  592. padding: 5px;
  593. border-style: solid;
  594. border-width: 1px;
  595. color: #000000;
  596. background-color: #FFFFFF;
  597. left: -50px;
  598. top: -50px;
  599. overflow: visible;
  600. }
  601. 
  602. .rtl{
  603. text-align: right;
  604. font-size: 140%;
  605. }
  606. 
  607. 
  608. </style>
  609. 
  610. <script type="text/javascript">
  611. 
  612. //<![CDATA[
  613. 
  614. <!--
  615. 
  616. 
  617. 
  618. 
  619. function Client(){
  620. //if not a DOM browser, hopeless
  621. this.min = false; if (document.getElementById){this.min = true;};
  622. 
  623. this.ua = navigator.userAgent;
  624. this.name = navigator.appName;
  625. this.ver = navigator.appVersion;
  626. 
  627. //Get data about the browser
  628. this.mac = (this.ver.indexOf('Mac') != -1);
  629. this.win = (this.ver.indexOf('Windows') != -1);
  630. 
  631. //Look for Gecko
  632. this.gecko = (this.ua.indexOf('Gecko') > 1);
  633. if (this.gecko){
  634. this.geckoVer = parseInt(this.ua.substring(this.ua.indexOf('Gecko')+6, this.ua.length));
  635. if (this.geckoVer < 20020000){this.min = false;}
  636. }
  638. //Look for Firebird
  639. this.firebird = (this.ua.indexOf('Firebird') > 1);
  641. //Look for Safari
  642. this.safari = (this.ua.indexOf('Safari') > 1);
  643. if (this.safari){
  644. this.gecko = false;
  645. }
  647. //Look for IE
  648. this.ie = (this.ua.indexOf('MSIE') > 0);
  649. if (this.ie){
  650. this.ieVer = parseFloat(this.ua.substring(this.ua.indexOf('MSIE')+5, this.ua.length));
  651. if (this.ieVer < 5.5){this.min = false;}
  652. }
  654. //Look for Opera
  655. this.opera = (this.ua.indexOf('Opera') > 0);
  656. if (this.opera){
  657. this.operaVer = parseFloat(this.ua.substring(this.ua.indexOf('Opera')+6, this.ua.length));
  658. if (this.operaVer < 7.04){this.min = false;}
  659. }
  660. if (this.min == false){
  661. alert('Your browser may not be able to handle this page.');
  662. }
  664. //Special case for the horrible ie5mac
  665. this.ie5mac = (this.ie&&this.mac&&(this.ieVer<6));
  666. }
  667. 
  668. var C = new Client();
  669. 
  670. //for (prop in C){
  671. // alert(prop + ': ' + C[prop]);
  672. //}
  673. 
  674. 
  675. 
  676. //CODE FOR HANDLING NAV BUTTONS AND FUNCTION BUTTONS
  677. 
  678. //[strNavBarJS]
  679. function NavBtnOver(Btn){
  680. if (Btn.className != 'NavButtonDown'){Btn.className = 'NavButtonUp';}
  681. }
  682. 
  683. function NavBtnOut(Btn){
  684. Btn.className = 'NavButton';
  685. }
  686. 
  687. function NavBtnDown(Btn){
  688. Btn.className = 'NavButtonDown';
  689. }
  690. //[/strNavBarJS]
  691. 
  692. function FuncBtnOver(Btn){
  693. if (Btn.className != 'FuncButtonDown'){Btn.className = 'FuncButtonUp';}
  694. }
  695. 
  696. function FuncBtnOut(Btn){
  697. Btn.className = 'FuncButton';
  698. }
  699. 
  700. function FuncBtnDown(Btn){
  701. Btn.className = 'FuncButtonDown';
  702. }
  703. 
  704. function FocusAButton(){
  705. if (document.getElementById('CheckButton1') != null){
  706. document.getElementById('CheckButton1').focus();
  707. }
  708. else{
  709. if (document.getElementById('CheckButton2') != null){
  710. document.getElementById('CheckButton2').focus();
  711. }
  712. else{
  713. document.getElementsByTagName('button')[0].focus();
  714. }
  715. }
  716. }
  717. 
  718. 
  719. 
  720. 
  721. //CODE FOR HANDLING DISPLAY OF POPUP FEEDBACK BOX
  722. 
  723. var topZ = 1000;
  724. 
  725. function ShowMessage(Feedback){
  726. var Output = Feedback + '<br /><br />';
  727. document.getElementById('FeedbackContent').innerHTML = Output;
  728. var FDiv = document.getElementById('FeedbackDiv');
  729. topZ++;
  730. FDiv.style.zIndex = topZ;
  731. FDiv.style.top = TopSettingWithScrollOffset(30) + 'px';
  732. 
  733. FDiv.style.display = 'block';
  734. 
  735. ShowElements(false, 'input');
  736. ShowElements(false, 'select');
  737. ShowElements(false, 'object');
  738. ShowElements(true, 'object', 'FeedbackContent');
  739. 
  740. //Focus the OK button
  741. setTimeout("document.getElementById('FeedbackOKButton').focus()", 50);
  743. //
  744. }
  745. 
  746. function ShowElements(Show, TagName, ContainerToReverse){
  747. // added third argument to allow objects in the feedback box to appear
  748. //IE bug -- hide all the form elements that will show through the popup
  749. //FF on Mac bug : doesn't redisplay objects whose visibility is set to visible
  750. //unless the object's display property is changed
  751. 
  752. //get container object (by Id passed in, or use document otherwise)
  753. TopNode = document.getElementById(ContainerToReverse);
  754. var Els;
  755. if (TopNode != null) {
  756. Els = TopNode.getElementsByTagName(TagName);
  757. } else {
  758. Els = document.getElementsByTagName(TagName);
  759. }
  760. 
  761. for (var i=0; i<Els.length; i++){
  762. if (TagName == "object") {
  763. //manipulate object elements in all browsers
  764. if (Show == true){
  765. Els[i].style.visibility = 'visible';
  766. //get Mac FireFox to manipulate display, to force screen redraw
  767. if (C.mac && C.gecko) {Els[i].style.display = '';}
  768. }
  769. else{
  770. Els[i].style.visibility = 'hidden';
  771. if (C.mac && C.gecko) {Els[i].style.display = 'none';}
  772. }
  773. }
  774. else {
  775. // tagName is either input or select (that is, Form Elements)
  776. // ie6 has a problem with Form elements, so manipulate those
  777. if (C.ie) {
  778. if (C.ieVer < 7) {
  779. if (Show == true){
  780. Els[i].style.visibility = 'visible';
  781. }
  782. else{
  783. Els[i].style.visibility = 'hidden';
  784. }
  785. }
  786. }
  787. }
  788. }
  789. }
  790. 
  791. 
  792. 
  793. function HideFeedback(){
  794. document.getElementById('FeedbackDiv').style.display = 'none';
  795. ShowElements(true, 'input');
  796. ShowElements(true, 'select');
  797. ShowElements(true, 'object');
  798. if (Finished == true){
  799. Finish();
  800. }
  801. }
  802. 
  803. 
  804. //GENERAL UTILITY FUNCTIONS AND VARIABLES
  805. 
  806. //PAGE DIMENSION FUNCTIONS
  807. function PageDim(){
  808. //Get the page width and height
  809. this.W = 600;
  810. this.H = 400;
  811. this.W = document.getElementsByTagName('body')[0].clientWidth;
  812. this.H = document.getElementsByTagName('body')[0].clientHeight;
  813. }
  814. 
  815. var pg = null;
  816. 
  817. function GetPageXY(El) {
  818. var XY = {x: 0, y: 0};
  819. while(El){
  820. XY.x += El.offsetLeft;
  821. XY.y += El.offsetTop;
  822. El = El.offsetParent;
  823. }
  824. return XY;
  825. }
  826. 
  827. function GetScrollTop(){
  828. if (typeof(window.pageYOffset) == 'number'){
  829. return window.pageYOffset;
  830. }
  831. else{
  832. if ((document.body)&&(document.body.scrollTop)){
  833. return document.body.scrollTop;
  834. }
  835. else{
  836. if ((document.documentElement)&&(document.documentElement.scrollTop)){
  837. return document.documentElement.scrollTop;
  838. }
  839. else{
  840. return 0;
  841. }
  842. }
  843. }
  844. }
  845. 
  846. function GetViewportHeight(){
  847. if (typeof window.innerHeight != 'undefined'){
  848. return window.innerHeight;
  849. }
  850. else{
  851. if (((typeof document.documentElement != 'undefined')&&(typeof document.documentElement.clientHeight !=
  852. 'undefined'))&&(document.documentElement.clientHeight != 0)){
  853. return document.documentElement.clientHeight;
  854. }
  855. else{
  856. return document.getElementsByTagName('body')[0].clientHeight;
  857. }
  858. }
  859. }
  860. 
  861. function TopSettingWithScrollOffset(TopPercent){
  862. var T = Math.floor(GetViewportHeight() * (TopPercent/100));
  863. return GetScrollTop() + T;
  864. }
  865. 
  866. //CODE FOR AVOIDING LOSS OF DATA WHEN BACKSPACE KEY INVOKES history.back()
  867. var InTextBox = false;
  868. 
  869. function SuppressBackspace(e){
  870. if (InTextBox == true){return;}
  871. if (C.ie) {
  872. thisKey = window.event.keyCode;
  873. }
  874. else {
  875. thisKey = e.keyCode;
  876. }
  877. 
  878. var Suppress = false;
  879. 
  880. if (thisKey == 8) {
  881. Suppress = true;
  882. }
  883. 
  884. if (Suppress == true){
  885. if (C.ie){
  886. window.event.returnValue = false;
  887. window.event.cancelBubble = true;
  888. }
  889. else{
  890. e.preventDefault();
  891. }
  892. }
  893. }
  894. 
  895. if (C.ie){
  896. document.attachEvent('onkeydown',SuppressBackspace);
  897. window.attachEvent('onkeydown',SuppressBackspace);
  898. }
  899. else{
  900. if (window.addEventListener){
  901. window.addEventListener('keypress',SuppressBackspace,false);
  902. }
  903. }
  904. 
  905. function ReduceItems(InArray, ReduceToSize){
  906. var ItemToDump=0;
  907. var j=0;
  908. while (InArray.length > ReduceToSize){
  909. ItemToDump = Math.floor(InArray.length*Math.random());
  910. InArray.splice(ItemToDump, 1);
  911. }
  912. }
  913. 
  914. function Shuffle(InArray){
  915. var Num;
  916. var Temp = new Array();
  917. var Len = InArray.length;
  918. 
  919. var j = Len;
  920. 
  921. for (var i=0; i<Len; i++){
  922. Temp[i] = InArray[i];
  923. }
  924. 
  925. for (i=0; i<Len; i++){
  926. Num = Math.floor(j * Math.random());
  927. InArray[i] = Temp[Num];
  928. 
  929. for (var k=Num; k < (j-1); k++) {
  930. Temp[k] = Temp[k+1];
  931. }
  932. j--;
  933. }
  934. return InArray;
  935. }
  936. 
  937. function WriteToInstructions(Feedback) {
  938. document.getElementById('InstructionsDiv').innerHTML = Feedback;
  939. 
  940. }
  941. 
  942. 
  943. 
  944. 
  945. function EscapeDoubleQuotes(InString){
  946. return InString.replace(/"/g, '&quot;')
  947. }
  948. 
  949. function TrimString(InString){
  950. var x = 0;
  951. 
  952. if (InString.length != 0) {
  953. while ((InString.charAt(InString.length - 1) == '\u0020') || (InString.charAt(InString.length - 1) == '\u000A') || (InString.charAt(InString.length - 1) == '\u000D')){
  954. InString = InString.substring(0, InString.length - 1)
  955. }
  956. 
  957. while ((InString.charAt(0) == '\u0020') || (InString.charAt(0) == '\u000A') || (InString.charAt(0) == '\u000D')){
  958. InString = InString.substring(1, InString.length)
  959. }
  960. 
  961. while (InString.indexOf(' ') != -1) {
  962. x = InString.indexOf(' ')
  963. InString = InString.substring(0, x) + InString.substring(x+1, InString.length)
  964. }
  965. 
  966. return InString;
  967. }
  968. 
  969. else {
  970. return '';
  971. }
  972. }
  973. 
  974. function FindLongest(InArray){
  975. if (InArray.length < 1){return -1;}
  976. 
  977. var Longest = 0;
  978. for (var i=1; i<InArray.length; i++){
  979. if (InArray[i].length > InArray[Longest].length){
  980. Longest = i;
  981. }
  982. }
  983. return Longest;
  984. }
  985. 
  986. //UNICODE CHARACTER FUNCTIONS
  987. function IsCombiningDiacritic(CharNum){
  988. var Result = (((CharNum >= 0x0300)&&(CharNum <= 0x370))||((CharNum >= 0x20d0)&&(CharNum <= 0x20ff)));
  989. Result = Result || (((CharNum >= 0x3099)&&(CharNum <= 0x309a))||((CharNum >= 0xfe20)&&(CharNum <= 0xfe23)));
  990. return Result;
  991. }
  992. 
  993. function IsCJK(CharNum){
  994. return ((CharNum >= 0x3000)&&(CharNum < 0xd800));
  995. }
  996. 
  997. //SETUP FUNCTIONS
  998. //BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED
  999. function ClearTextBoxes(){
  1000. var NList = document.getElementsByTagName('input');
  1001. for (var i=0; i<NList.length; i++){
  1002. if ((NList[i].id.indexOf('Guess') > -1)||(NList[i].id.indexOf('Gap') > -1)){
  1003. NList[i].value = '';
  1004. }
  1005. if (NList[i].id.indexOf('Chk') > -1){
  1006. NList[i].checked = '';
  1007. }
  1008. }
  1009. }
  1010. 
  1011. //EXTENSION TO ARRAY OBJECT
  1012. function Array_IndexOf(Input){
  1013. var Result = -1;
  1014. for (var i=0; i<this.length; i++){
  1015. if (this[i] == Input){
  1016. Result = i;
  1017. }
  1018. }
  1019. return Result;
  1020. }
  1021. Array.prototype.indexOf = Array_IndexOf;
  1022. 
  1023. //IE HAS RENDERING BUG WITH BOTTOM NAVBAR
  1024. function RemoveBottomNavBarForIE(){
  1025. if ((C.ie)&&(document.getElementById('Reading') != null)){
  1026. if (document.getElementById('BottomNavBar') != null){
  1027. document.getElementById('TheBody').removeChild(document.getElementById('BottomNavBar'));
  1028. }
  1029. }
  1030. }
  1031. 
  1032. 
  1033. 
  1034. 
  1035. //HOTPOTNET-RELATED CODE
  1036. 
  1037. var HPNStartTime = (new Date()).getTime();
  1038. var SubmissionTimeout = 30000;
  1039. var Detail = ''; //Global that is used to submit tracking data
  1040. 
  1041. function Finish(){
  1042. //If there's a form, fill it out and submit it
  1043. if (document.store != null){
  1044. Frm = document.store;
  1045. Frm.starttime.value = HPNStartTime;
  1046. Frm.endtime.value = (new Date()).getTime();
  1047. Frm.mark.value = Score;
  1048. Frm.detail.value = Detail;
  1049. Frm.submit();
  1050. }
  1051. }
  1052. 
  1053. 
  1054. 
  1055. 
  1056. 
  1057. //JCLOZE CORE JAVASCRIPT CODE
  1058. 
  1059. function ItemState(){
  1060. this.ClueGiven = false;
  1061. this.HintsAndChecks = 0;
  1062. this.MatchedAnswerLength = 0;
  1063. this.ItemScore = 0;
  1064. this.AnsweredCorrectly = false;
  1065. this.Guesses = new Array();
  1066. return this;
  1067. }
  1068. 
  1069. var Feedback = '';
  1070. var Correct = 'Correct! Well done.';
  1071. var Incorrect = 'Some of your answers are incorrect. Incorrect answers have been left in place for you to change.';
  1072. var GiveHint = 'The next correct letter has been added to the answer.';
  1073. var CaseSensitive = false;
  1074. var YourScoreIs = 'Your score is ';
  1075. var Finished = false;
  1076. var Locked = false;
  1077. var Score = 0;
  1078. var CurrentWord = 0;
  1079. var Guesses = '';
  1080. var TimeOver = false;
  1081. 
  1082. I = new Array();
  1083. 
  1084. I[0] = new Array();
  1085. I[0][1] = new Array();
  1086. I[0][1][0] = new Array();
  1087. I[0][1][0][0] = '\u0066\u006F\u0072\u0065\u0069\u0067\u006E\u0020\u0074\u006F\u0075\u0072\u0069\u0073\u0074\u0073';
  1088. I[0][1][1] = new Array();
  1089. I[0][1][1][0]='\u0066\u006F\u0072\u0065\u0069\u0067\u006E\u0020\u0074\u006F\u0075\u0072\u0069\u0073\u0074';
  1090. I[0][2]='\u0061\u006E\u0074\u006F\u006E\u0079\u006D\u0020\u006F\u0066\u0020\u0064\u006F\u006D\u0065\u0073\u0074\u0069\u0063\u0020\u0074\u006F\u0075\u0072\u0069\u0073\u0074\u0073';
  1091. 
  1092. I[1] = new Array();
  1093. I[1][1] = new Array();
  1094. I[1][1][0] = new Array();
  1095. I[1][1][0][0] = '\u0070\u006F\u0070\u0075\u006C\u0061\u0072';
  1096. I[1][1][1] = new Array();
  1097. I[1][1][1][0]='\u0077\u0065\u006C\u006C\u0020\u006B\u006E\u006F\u0077\u006E';
  1098. I[1][2]='\u0074\u0068\u0065\u0020\u0073\u0079\u006E\u006F\u006E\u0079\u006D\u0020\u006F\u0066\u0020\u0066\u0061\u006D\u006F\u0075\u0073';
  1099. 
  1100. I[2] = new Array();
  1101. I[2][1] = new Array();
  1102. I[2][1][0] = new Array();
  1103. I[2][1][0][0] = '\u004B\u0065\u0063\u0061\u006B\u0020\u0044\u0061\u006E\u0063\u0065';
  1104. I[2][1][1] = new Array();
  1105. I[2][1][1][0]='\u004A\u0061\u006E\u0067\u0067\u0065\u0072\u0020\u0064\u0061\u006E\u0063\u0065';
  1106. I[2][2]='\u0074\u0068\u0065\u0020\u0074\u0072\u0061\u0064\u0069\u0074\u0069\u006F\u006E\u0061\u006C\u0020\u0064\u0061\u006E\u0063\u0065\u0020\u0066\u0072\u006F\u006D\u0020\u0042\u0061\u006C\u0069';
  1107. 
  1108. I[3] = new Array();
  1109. I[3][1] = new Array();
  1110. I[3][1][0] = new Array();
  1111. I[3][1][0][0] = '\u0053\u0061\u006E\u0075\u0072\u0020\u0061\u006E\u0064\u0020\u004B\u0075\u0074\u0061';
  1112. I[3][1][1] = new Array();
  1113. I[3][1][1][0]='\u0053\u0061\u006E\u0075\u0072\u0020\u0062\u0065\u0061\u0063\u0068';
  1114. I[3][1][2] = new Array();
  1115. I[3][1][2][0]='\u004B\u0075\u0074\u0061\u0020\u0062\u0065\u0061\u0063\u0068';
  1116. I[3][1][3] = new Array();
  1117. I[3][1][3][0]='\u0053\u0061\u006E\u0075\u0072\u0020\u0062\u0065\u0061\u0063\u0068\u0020\u0061\u006E\u0064\u0020\u004B\u0075\u0074\u0061\u0020\u0062\u0065\u0061\u0063\u0068';
  1118. I[3][2]='\u0074\u0068\u0065\u0020\u006E\u0061\u006D\u0065\u0020\u006F\u0066\u0020\u0062\u0065\u0061\u0063\u0068\u0065\u0073\u0020\u0069\u006E\u0020\u0042\u0061\u006C\u0069';
  1119. 
  1120. I[4] = new Array();
  1121. I[4][1] = new Array();
  1122. I[4][1][0] = new Array();
  1123. I[4][1][0][0] = '\u0042\u006F\u0072\u006F\u0062\u0075\u0064\u0075\u0072';
  1124. I[4][1][1] = new Array();
  1125. I[4][1][1][0]='\u0050\u0072\u0061\u006D\u0062\u0061\u006E\u0061\u006E';
  1126. I[4][2]='\u0074\u0068\u0065\u0020\u006E\u0061\u006D\u0065\u0020\u006F\u0066\u0020\u0074\u0068\u0065\u0020\u0074\u0065\u006D\u0070\u006C\u0065\u0020\u0069\u006E\u0020\u0059\u006F\u0067\u0079\u0061\u006B\u0061\u0072\u0074\u0061';
  1127. 
  1128. I[5] = new Array();
  1129. I[5][1] = new Array();
  1130. I[5][1][0] = new Array();
  1131. I[5][1][0][0] = '\u0062\u0065\u0061\u0075\u0074\u0069\u0066\u0075\u006C';
  1132. I[5][1][1] = new Array();
  1133. I[5][1][1][0]='\u0070\u0072\u0065\u0074\u0074\u0079';
  1134. I[5][1][2] = new Array();
  1135. I[5][1][2][0]='\u0067\u006F\u006F\u0064';
  1136. I[5][2]='\u0074\u0068\u0065\u0020\u0073\u0079\u006E\u006F\u006E\u0079\u006D\u0020\u006F\u0066\u0020\u0069\u006E\u0074\u0065\u0072\u0065\u0073\u0074\u0069\u006E\u0067';
  1137. 
  1138. I[6] = new Array();
  1139. I[6][1] = new Array();
  1140. I[6][1][0] = new Array();
  1141. I[6][1][0][0] = '\u004B\u0061\u0073\u006F\u0064\u006F';
  1142. I[6][1][1] = new Array();
  1143. I[6][1][1][0]='\u004B\u0061\u0073\u006F\u006E\u0067\u006F';
  1144. I[6][2]='\u0074\u0068\u0065\u0020\u006E\u0061\u006D\u0065\u0020\u006F\u0066\u0020\u0063\u0065\u0072\u0065\u006D\u006F\u006E\u0079\u0020\u0069\u006E\u0020\u0042\u0072\u006F\u006D\u006F';
  1145. 
  1146. I[7] = new Array();
  1147. I[7][1] = new Array();
  1148. I[7][1][0] = new Array();
  1149. I[7][1][0][0] = '\u0066\u0072\u0069\u0065\u006E\u0064\u006C\u0079';
  1150. I[7][1][1] = new Array();
  1151. I[7][1][1][0]='\u0073\u0069\u006D\u0070\u006C\u0079';
  1152. I[7][2]='\u0074\u0068\u0065\u0020\u0073\u0079\u006E\u006F\u006E\u0079\u006D\u0020\u006F\u0066\u0020\u006B\u0069\u006E\u0064\u006C\u0079';
  1153. 
  1154. 
  1155. State = new Array();
  1156. 
  1157. function StartUp(){
  1158. RemoveBottomNavBarForIE();
  1159. //Show a keypad if there is one (added bugfix for 6.0.4.12)
  1160. if (document.getElementById('CharacterKeypad') != null){
  1161. document.getElementById('CharacterKeypad').style.display = 'block';
  1162. }
  1164. 
  1165. 
  1166. 
  1167. 
  1168. 
  1169. 
  1170. var i = 0;
  1171. 
  1172. State.length = 0;
  1173. for (i=0; i<I.length; i++){
  1174. State[i] = new ItemState();
  1175. }
  1177. ClearTextBoxes();
  1179. 
  1180. StartTimer();
  1181. 
  1182. 
  1183. }
  1184. 
  1185. function ShowClue(ItemNum){
  1186. if (Locked == true){return;}
  1187. State[ItemNum].ClueGiven = true;
  1188. ShowMessage(I[ItemNum][2]);
  1189. }
  1190. 
  1191. function SaveCurrentAnswers(){
  1192. var Ans = '';
  1193. for (var i=0; i<I.length; i++){
  1194. Ans = GetGapValue(i);
  1195. if ((Ans.length > 0)&&(Ans != State[i].Guesses[State[i].Guesses.length-1])){
  1196. State[i].Guesses[State[i].Guesses.length] = Ans;
  1197. }
  1198. }
  1199. }
  1200. 
  1201. function CompileGuesses(){
  1202. var F = document.getElementById('store');
  1203. if (F != null){
  1204. var Temp = '<?xml version="1.0"?><hpnetresult><fields>';
  1205. var GapLabel = '';
  1206. for (var i=0; i<State.length; i++){
  1207. GapLabel = 'Gap ' + (i+1).toString();
  1208. Temp += '<field><fieldname>' + GapLabel + '</fieldname>';
  1209. Temp += '<fieldtype>student-responses</fieldtype><fieldlabel>' + GapLabel + '</fieldlabel>';
  1210. Temp += '<fieldlabelid>JClozeStudentResponses</fieldlabelid><fielddata>';
  1211. for (var j=0; j<State[i].Guesses.length; j++){
  1212. if (j>0){Temp += '| ';}
  1213. Temp += State[i].Guesses[j] + ' ';
  1214. }
  1215. Temp += '</fielddata></field>';
  1216. }
  1217. Temp += '</fields></hpnetresult>';
  1218. Detail = Temp;
  1219. }
  1220. }
  1221. 
  1222. function CheckAnswers(){
  1223. if (Locked == true){return;}
  1224. SaveCurrentAnswers();
  1225. var AllCorrect = true;
  1226. 
  1227. //Check each answer
  1228. for (var i = 0; i<I.length; i++){
  1229. 
  1230. if (State[i].AnsweredCorrectly == false){
  1231. //If it's right, calculate its score
  1232. if (CheckAnswer(i, true) > -1){
  1233. var TotalChars = GetGapValue(i).length;
  1234. State[i].ItemScore = (TotalChars-State[i].HintsAndChecks)/TotalChars;
  1235. if (State[i].ClueGiven == true){State[i].ItemScore /= 2;}
  1236. if (State[i].ItemScore <0 ){State[i].ItemScore = 0;}
  1237. State[i].AnsweredCorrectly = true;
  1238. //Drop the correct answer into the page, replacing the text box
  1239. SetCorrectAnswer(i, GetGapValue(i));
  1240. }
  1241. else{
  1242. //Otherwise, increment the hints for this item, as a penalty
  1243. State[i].HintsAndChecks++;
  1244. 
  1245. //then set the flag
  1246. AllCorrect = false;
  1247. }
  1248. }
  1249. }
  1250. 
  1251. //Calculate the total score
  1252. var TotalScore = 0;
  1253. for (i=0; i<State.length; i++){
  1254. TotalScore += State[i].ItemScore;
  1255. }
  1256. TotalScore = Math.floor((TotalScore * 100)/I.length);
  1257. 
  1258. //Compile the output
  1259. Output = '';
  1260. 
  1261. if (AllCorrect == true){
  1262. Output = Correct + '<br />';
  1263. }
  1264. 
  1265. Output += YourScoreIs + ' ' + TotalScore + '%.<br />';
  1266. if (AllCorrect == false){
  1267. Output += Incorrect;
  1268. }
  1269. ShowMessage(Output);
  1270. setTimeout('WriteToInstructions(Output)', 50);
  1272. Score = TotalScore;
  1273. CompileGuesses();
  1275. if ((AllCorrect == true)||(Finished == true)){
  1277. 
  1278. 
  1279. window.clearInterval(Interval);
  1280. 
  1281. TimeOver = true;
  1282. Locked = true;
  1283. Finished = true;
  1284. setTimeout('Finish()', SubmissionTimeout);
  1285. }
  1286. 
  1287. }
  1288. 
  1289. function TrackFocus(BoxNumber){
  1290. CurrentWord = BoxNumber;
  1291. InTextBox = true;
  1292. }
  1293. 
  1294. function LeaveGap(){
  1295. InTextBox = false;
  1296. }
  1297. 
  1298. function CheckBeginning(Guess, Answer){
  1299. var OutString = '';
  1300. var i = 0;
  1301. var UpperGuess = '';
  1302. var UpperAnswer = '';
  1303. 
  1304. if (CaseSensitive == false) {
  1305. UpperGuess = Guess.toUpperCase();
  1306. UpperAnswer = Answer.toUpperCase();
  1307. }
  1308. else {
  1309. UpperGuess = Guess;
  1310. UpperAnswer = Answer;
  1311. }
  1312. 
  1313. while (UpperGuess.charAt(i) == UpperAnswer.charAt(i)) {
  1314. OutString += Guess.charAt(i);
  1315. i++;
  1316. }
  1317. OutString += Answer.charAt(i);
  1318. return OutString;
  1319. }
  1320. 
  1321. function GetGapValue(GNum){
  1322. var RetVal = '';
  1323. if ((GNum<0)||(GNum>=I.length)){return RetVal;}
  1324. if (document.getElementById('Gap' + GNum) != null){
  1325. RetVal = document.getElementById('Gap' + GNum).value;
  1326. RetVal = TrimString(RetVal);
  1327. }
  1328. else{
  1329. RetVal = State[GNum].Guesses[State[GNum].Guesses.length-1];
  1330. }
  1331. return RetVal;
  1332. }
  1333. 
  1334. function SetGapValue(GNum, Val){
  1335. if ((GNum<0)||(GNum>=I.length)){return;}
  1336. if (document.getElementById('Gap' + GNum) != null){
  1337. document.getElementById('Gap' + GNum).value = Val;
  1338. document.getElementById('Gap' + GNum).focus();
  1339. }
  1340. }
  1341. 
  1342. function SetCorrectAnswer(GNum, Val){
  1343. if ((GNum<0)||(GNum>=I.length)){return;}
  1344. if (document.getElementById('GapSpan' + GNum) != null){
  1345. document.getElementById('GapSpan' + GNum).innerHTML = Val;
  1346. }
  1347. }
  1348. 
  1349. function FindCurrent() {
  1350. var x = 0;
  1351. FoundCurrent = -1;
  1352. 
  1353. //Test the current word:
  1354. //If its state is not set to already correct, check the word.
  1355. if (State[CurrentWord].AnsweredCorrectly == false){
  1356. if (CheckAnswer(CurrentWord, false) < 0){
  1357. return CurrentWord;
  1358. }
  1359. }
  1361. x=CurrentWord + 1;
  1362. while (x<I.length){
  1363. if (State[x].AnsweredCorrectly == false){
  1364. if (CheckAnswer(x, false) < 0){
  1365. return x;
  1366. }
  1367. }
  1368. x++;
  1369. }
  1370. 
  1371. x = 0;
  1372. while (x<CurrentWord){
  1373. if (State[x].AnsweredCorrectly == false){
  1374. if (CheckAnswer(x, false) < 0){
  1375. return x;
  1376. }
  1377. }
  1378. x++;
  1379. }
  1380. return FoundCurrent;
  1381. }
  1382. 
  1383. function CheckAnswer(GapNum, MarkAnswer){
  1384. var Guess = GetGapValue(GapNum);
  1385. var UpperGuess = '';
  1386. var UpperAnswer = '';
  1387. if (CaseSensitive == false){
  1388. UpperGuess = Guess.toUpperCase();
  1389. }
  1390. else{
  1391. UpperGuess = Guess;
  1392. }
  1393. var Match = -1;
  1394. for (var i = 0; i<I[GapNum][1].length; i++){
  1395. if (CaseSensitive == false){
  1396. UpperAnswer = I[GapNum][1][i][0].toUpperCase();
  1397. }
  1398. else{
  1399. UpperAnswer = I[GapNum][1][i][0];
  1400. }
  1401. if (TrimString(UpperGuess) == UpperAnswer){
  1402. Match = i;
  1403. if (MarkAnswer == true){
  1404. State[GapNum].AnsweredCorrectly = true;
  1405. }
  1406. }
  1407. }
  1408. return Match;
  1409. }
  1410. 
  1411. function GetHint(GapNum){
  1412. Guess = GetGapValue(GapNum);
  1413. 
  1414. if (CheckAnswer(GapNum, false) > -1){return ''}
  1415. RightBits = new Array();
  1416. for (var i=0; i<I[GapNum][1].length; i++){
  1417. RightBits[i] = CheckBeginning(Guess, I[GapNum][1][i][0]);
  1418. }
  1419. var RightOne = FindLongest(RightBits);
  1420. var Result = I[GapNum][1][RightOne][0].substring(0,RightBits[RightOne].length);
  1421. //Add another char if the last one is a space
  1422. if (Result.charAt(Result.length-1) == ' '){
  1423. Result = I[GapNum][1][RightOne][0].substring(0,RightBits[RightOne].length+1);
  1424. }
  1425. return Result;
  1426. }
  1427. 
  1428. function ShowHint(){
  1429. if (document.getElementById('FeedbackDiv').style.display == 'block'){return;}
  1430. if (Locked == true){return;}
  1431. var CurrGap = FindCurrent();
  1432. if (CurrGap < 0){return;}
  1433. 
  1434. var HintString = GetHint(CurrGap);
  1435. 
  1436. if (HintString.length > 0){
  1437. SetGapValue(CurrGap, HintString);
  1438. State[CurrGap].HintsAndChecks += 1;
  1439. }
  1440. ShowMessage(GiveHint);
  1441. }
  1442. 
  1443. function TypeChars(Chars){
  1444. var CurrGap = FindCurrent();
  1445. if (CurrGap < 0){return;}
  1446. if (document.getElementById('Gap' + CurrGap) != null){
  1447. SetGapValue(CurrGap, document.getElementById('Gap' + CurrGap).value + Chars);
  1448. }
  1449. }
  1450. 
  1451. 
  1452. function TimesUp() {
  1453. document.getElementById('Timer').innerHTML = 'Your time is over!';
  1454. 
  1455. TimeOver = true;
  1456. Finished = true;
  1457. CheckAnswers();
  1458. Locked = true;
  1459. 
  1460. }
  1461. 
  1462. 
  1463. 
  1464. 
  1465. 
  1466. 
  1467. //CODE FOR HANDLING TIMER
  1468. //Timer code
  1469. var Seconds = 930;
  1470. var Interval = null;
  1471. 
  1472. function StartTimer(){
  1473. Interval = window.setInterval('DownTime()',1000);
  1474. document.getElementById('TimerText').style.display = 'inline';
  1475. }
  1476. 
  1477. function DownTime(){
  1478. var ss = Seconds % 60;
  1479. if (ss<10){
  1480. ss='0' + ss + '';
  1481. }
  1482. 
  1483. var mm = Math.floor(Seconds / 60);
  1484. 
  1485. if (document.getElementById('Timer') == null){
  1486. return;
  1487. }
  1488. 
  1489. document.getElementById('TimerText').innerHTML = mm + ':' + ss;
  1490. if (Seconds < 1){
  1491. window.clearInterval(Interval);
  1492. TimeOver = true;
  1493. TimesUp();
  1494. }
  1495. Seconds--;
  1496. }
  1497. 
  1498. 
  1499. 
  1500. 
  1501. 
  1502. 
  1503. //-->
  1504. 
  1505. //]]>
  1506. 
  1507. </script>
  1508. 
  1509. 
  1510. </head>
  1511. 
  1512. <body onload="StartUp()" id="TheBody" >
  1513. 
  1514. <!-- BeginTopNavButtons -->
  1515. 
  1516. 
  1517. <div class="NavButtonBar" id="TopNavBar">
  1518. 
  1519. 
  1520. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="history.back(); return false;">&lt;=</button>
  1521. 
  1522. 
  1523. 
  1524. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='index.htm'; return false;"> Index </button>
  1525. 
  1526. 
  1527. 
  1528. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='index.htm'; return false;">=&gt;</button>
  1529. 
  1530. 
  1531. </div>
  1532. 
  1533. 
  1534. 
  1535. <!-- EndTopNavButtons -->
  1536. 
  1537. <div class="Titles">
  1538. <h2 class="ExerciseTitle">Holiday-Fill in the blank</h2>
  1539. 
  1540. <h3 class="ExerciseSubtitle">Gap-fill exercise</h3>
  1541. 
  1542. 
  1543. <div id="Timer"><span id="TimerText">&nbsp;&nbsp;</span></div>
  1544. 
  1545. 
  1546. </div>
  1547. 
  1548. <div id="InstructionsDiv" class="StdDiv">
  1549. <div id="Instructions">Fill in all the gaps, then press "Check" to check your answers. Use the "Hint" button to get a free letter if an answer is giving you trouble. You can also click on the "[?]" button to get a clue. Note that you will lose points if you ask for hints or clues!</div>
  1550. </div>
  1551. 
  1552. 
  1553. 
  1554. 
  1555. 
  1556. <div id="MainDiv" class="StdDiv">
  1557. 
  1558. <!-- These top buttons hidden; reveal if required -->
  1559. <!--
  1560. <button id="CheckButton1" class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="CheckAnswers()">&nbsp;Check&nbsp;</button>
  1561. 
  1562. 
  1563. <button class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowHint()">&nbsp;Hint&nbsp;</button>
  1564. 
  1565. 
  1566. -->
  1568. <div id="ClozeDiv">
  1569. <form id="Cloze" method="post" action="" onsubmit="return false;">
  1570. <div class="ClozeBody">
  1571. Indonesia has many beautiful tourism places. So, there are many <span class="GapSpan" id="GapSpan0"><input type="text" id="Gap0" onfocus="TrackFocus(0)" onblur="LeaveGap()" class="GapBox" size="16"></input><button style="line-height: 1.0" class="FuncButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowClue(0)">[?]</button></span> every year to visit tourism places in Indonesia. there are three <span class="GapSpan" id="GapSpan1"><input type="text" id="Gap1" onfocus="TrackFocus(1)" onblur="LeaveGap()" class="GapBox" size="7"></input><button style="line-height: 1.0" class="FuncButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowClue(1)">[?]</button></span> tourism places in Indonesia.<br />First is Bali. Bali is one of the tourism places that has <span class="GapSpan" id="GapSpan2"><input type="text" id="Gap2" onfocus="TrackFocus(2)" onblur="LeaveGap()" class="GapBox" size="11"></input><button style="line-height: 1.0" class="FuncButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowClue(2)">[?]</button></span>. There are jangger dance too in Bali. In Bali, there are many beaches. For example, <span class="GapSpan" id="GapSpan3"><input type="text" id="Gap3" onfocus="TrackFocus(3)" onblur="LeaveGap()" class="GapBox" size="14"></input><button style="line-height: 1.0" class="FuncButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowClue(3)">[?]</button></span>. Second is Yogyakarta. <span class="GapSpan" id="GapSpan4"><input type="text" id="Gap4" onfocus="TrackFocus(4)" onblur="LeaveGap()" class="GapBox" size="9"></input><button style="line-height: 1.0" class="FuncButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowClue(4)">[?]</button></span> is the name of the temple in Yogyakarta. There is <span class="GapSpan" id="GapSpan5"><input type="text" id="Gap5" onfocus="TrackFocus(5)" onblur="LeaveGap()" class="GapBox" size="9"></input><button style="line-height: 1.0" class="FuncButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowClue(5)">[?]</button></span> beach in Yogyarta. It is Parangtritis beach.<br />Third is Bromo. Bromo is popular with big ceremony that called <span class="GapSpan" id="GapSpan6"><input type="text" id="Gap6" onfocus="TrackFocus(6)" onblur="LeaveGap()" class="GapBox" size="6"></input><button style="line-height: 1.0" class="FuncButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowClue(6)">[?]</button></span>. There is Tengger race in Bromo. They are very <span class="GapSpan" id="GapSpan7"><input type="text" id="Gap7" onfocus="TrackFocus(7)" onblur="LeaveGap()" class="GapBox" size="8"></input><button style="line-height: 1.0" class="FuncButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowClue(7)">[?]</button></span>.
  1572. </div>
  1573. </form>
  1574. </div>
  1575. 
  1576. 
  1577. 
  1578. <button id="CheckButton2" class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="CheckAnswers()">&nbsp;Check&nbsp;</button>
  1579. 
  1580. 
  1581. <button class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowHint()">&nbsp;Hint&nbsp;</button>
  1582. 
  1583. 
  1584. </div>
  1585. 
  1586. 
  1587. 
  1588. <div class="Feedback" id="FeedbackDiv">
  1589. <div class="FeedbackText" id="FeedbackContent"></div>
  1590. <button id="FeedbackOKButton" class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="HideFeedback(); return false;">&nbsp;OK&nbsp;</button>
  1591. </div>
  1592. 
  1593. <!-- BeginBottomNavButtons -->
  1594. 
  1595. 
  1596. <div class="NavButtonBar" id="BottomNavBar">
  1597. 
  1598. 
  1599. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="history.back(); return false;">&lt;=</button>
  1600. 
  1601. 
  1602. 
  1603. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='index.htm'; return false;"> Index </button>
  1604. 
  1605. 
  1606. 
  1607. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='index.htm'; return false;">=&gt;</button>
  1608. 
  1609. 
  1610. </div>
  1611. 
  1612. 
  1613. 
  1614. <!-- EndBottomNavButtons -->
  1615. 
  1616. <!-- BeginSubmissionForm -->
  1617. 
  1618. <!-- EndSubmissionForm -->
  1619. 
  1620. </body>
  1621. 
  1622. </html>