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-multiple choices" />
  10. 
  11. 
  12. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  13. 
  14. <title>
  15. Holiday-multiple choices
  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: #C0C0C0;
  43. color: #000000;
  44. background-image: url(turtle.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: #C0C0C0;
  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: #000000;
  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: #7f7f7f;
  536. border-top-color: #7f7f7f;
  537. border-right-color: #000000;
  538. border-bottom-color: #000000;
  539. background-color: #000000;
  540. color: #ffffff;
  541. 
  542. border-width: 2px;
  543. cursor: pointer;
  544. }
  545. 
  546. .NavButtonUp {
  547. border-style: solid;
  548. 
  549. border-left-color: #7f7f7f;
  550. border-top-color: #7f7f7f;
  551. border-right-color: #000000;
  552. border-bottom-color: #000000;
  553. color: #000000;
  554. background-color: #ffffff;
  555. 
  556. border-width: 2px;
  557. cursor: pointer;
  558. }
  559. 
  560. .NavButtonDown {
  561. border-style: solid;
  562. 
  563. border-left-color: #000000;
  564. border-top-color: #000000;
  565. border-right-color: #7f7f7f;
  566. border-bottom-color: #7f7f7f;
  567. color: #000000;
  568. background-color: #ffffff;
  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. // RefreshImages();
  745. //
  746. }
  747. 
  748. function ShowElements(Show, TagName, ContainerToReverse){
  749. // added third argument to allow objects in the feedback box to appear
  750. //IE bug -- hide all the form elements that will show through the popup
  751. //FF on Mac bug : doesn't redisplay objects whose visibility is set to visible
  752. //unless the object's display property is changed
  753. 
  754. //get container object (by Id passed in, or use document otherwise)
  755. TopNode = document.getElementById(ContainerToReverse);
  756. var Els;
  757. if (TopNode != null) {
  758. Els = TopNode.getElementsByTagName(TagName);
  759. } else {
  760. Els = document.getElementsByTagName(TagName);
  761. }
  762. 
  763. for (var i=0; i<Els.length; i++){
  764. if (TagName == "object") {
  765. //manipulate object elements in all browsers
  766. if (Show == true){
  767. Els[i].style.visibility = 'visible';
  768. //get Mac FireFox to manipulate display, to force screen redraw
  769. if (C.mac && C.gecko) {Els[i].style.display = '';}
  770. }
  771. else{
  772. Els[i].style.visibility = 'hidden';
  773. if (C.mac && C.gecko) {Els[i].style.display = 'none';}
  774. }
  775. }
  776. else {
  777. // tagName is either input or select (that is, Form Elements)
  778. // ie6 has a problem with Form elements, so manipulate those
  779. if (C.ie) {
  780. if (C.ieVer < 7) {
  781. if (Show == true){
  782. Els[i].style.visibility = 'visible';
  783. }
  784. else{
  785. Els[i].style.visibility = 'hidden';
  786. }
  787. }
  788. }
  789. }
  790. }
  791. }
  792. 
  793. 
  794. 
  795. function HideFeedback(){
  796. document.getElementById('FeedbackDiv').style.display = 'none';
  797. ShowElements(true, 'input');
  798. ShowElements(true, 'select');
  799. ShowElements(true, 'object');
  800. if (Finished == true){
  801. Finish();
  802. }
  803. }
  804. 
  805. 
  806. //GENERAL UTILITY FUNCTIONS AND VARIABLES
  807. 
  808. //PAGE DIMENSION FUNCTIONS
  809. function PageDim(){
  810. //Get the page width and height
  811. this.W = 600;
  812. this.H = 400;
  813. this.W = document.getElementsByTagName('body')[0].clientWidth;
  814. this.H = document.getElementsByTagName('body')[0].clientHeight;
  815. }
  816. 
  817. var pg = null;
  818. 
  819. function GetPageXY(El) {
  820. var XY = {x: 0, y: 0};
  821. while(El){
  822. XY.x += El.offsetLeft;
  823. XY.y += El.offsetTop;
  824. El = El.offsetParent;
  825. }
  826. return XY;
  827. }
  828. 
  829. function GetScrollTop(){
  830. if (typeof(window.pageYOffset) == 'number'){
  831. return window.pageYOffset;
  832. }
  833. else{
  834. if ((document.body)&&(document.body.scrollTop)){
  835. return document.body.scrollTop;
  836. }
  837. else{
  838. if ((document.documentElement)&&(document.documentElement.scrollTop)){
  839. return document.documentElement.scrollTop;
  840. }
  841. else{
  842. return 0;
  843. }
  844. }
  845. }
  846. }
  847. 
  848. function GetViewportHeight(){
  849. if (typeof window.innerHeight != 'undefined'){
  850. return window.innerHeight;
  851. }
  852. else{
  853. if (((typeof document.documentElement != 'undefined')&&(typeof document.documentElement.clientHeight !=
  854. 'undefined'))&&(document.documentElement.clientHeight != 0)){
  855. return document.documentElement.clientHeight;
  856. }
  857. else{
  858. return document.getElementsByTagName('body')[0].clientHeight;
  859. }
  860. }
  861. }
  862. 
  863. function TopSettingWithScrollOffset(TopPercent){
  864. var T = Math.floor(GetViewportHeight() * (TopPercent/100));
  865. return GetScrollTop() + T;
  866. }
  867. 
  868. //CODE FOR AVOIDING LOSS OF DATA WHEN BACKSPACE KEY INVOKES history.back()
  869. var InTextBox = false;
  870. 
  871. function SuppressBackspace(e){
  872. if (InTextBox == true){return;}
  873. if (C.ie) {
  874. thisKey = window.event.keyCode;
  875. }
  876. else {
  877. thisKey = e.keyCode;
  878. }
  879. 
  880. var Suppress = false;
  881. 
  882. if (thisKey == 8) {
  883. Suppress = true;
  884. }
  885. 
  886. if (Suppress == true){
  887. if (C.ie){
  888. window.event.returnValue = false;
  889. window.event.cancelBubble = true;
  890. }
  891. else{
  892. e.preventDefault();
  893. }
  894. }
  895. }
  896. 
  897. if (C.ie){
  898. document.attachEvent('onkeydown',SuppressBackspace);
  899. window.attachEvent('onkeydown',SuppressBackspace);
  900. }
  901. else{
  902. if (window.addEventListener){
  903. window.addEventListener('keypress',SuppressBackspace,false);
  904. }
  905. }
  906. 
  907. function ReduceItems(InArray, ReduceToSize){
  908. var ItemToDump=0;
  909. var j=0;
  910. while (InArray.length > ReduceToSize){
  911. ItemToDump = Math.floor(InArray.length*Math.random());
  912. InArray.splice(ItemToDump, 1);
  913. }
  914. }
  915. 
  916. function Shuffle(InArray){
  917. var Num;
  918. var Temp = new Array();
  919. var Len = InArray.length;
  920. 
  921. var j = Len;
  922. 
  923. for (var i=0; i<Len; i++){
  924. Temp[i] = InArray[i];
  925. }
  926. 
  927. for (i=0; i<Len; i++){
  928. Num = Math.floor(j * Math.random());
  929. InArray[i] = Temp[Num];
  930. 
  931. for (var k=Num; k < (j-1); k++) {
  932. Temp[k] = Temp[k+1];
  933. }
  934. j--;
  935. }
  936. return InArray;
  937. }
  938. 
  939. function WriteToInstructions(Feedback) {
  940. document.getElementById('InstructionsDiv').innerHTML = Feedback;
  941. 
  942. RefreshImages();
  943. 
  944. }
  945. 
  946. 
  947. 
  948. Imgs = new Array();
  949. 
  950. function PreloadImages(){
  951. var a = PreloadImages.arguments;
  952. for (var i=0; i<a.length; i++){
  953. Imgs[i] = new Image();
  954. Imgs[i].src = a[i];
  955. }
  956. }
  957. 
  958. function RefreshImages(){
  959. for (var i=0; i<document.images.length; i++){
  960. if (document.images[i].name.substring(0,6) != 'NavBar'){
  961. document.images[i].src = document.images[i].src;
  962. }
  963. }
  964. }
  965. 
  966. 
  967. function EscapeDoubleQuotes(InString){
  968. return InString.replace(/"/g, '&quot;')
  969. }
  970. 
  971. function TrimString(InString){
  972. var x = 0;
  973. 
  974. if (InString.length != 0) {
  975. while ((InString.charAt(InString.length - 1) == '\u0020') || (InString.charAt(InString.length - 1) == '\u000A') || (InString.charAt(InString.length - 1) == '\u000D')){
  976. InString = InString.substring(0, InString.length - 1)
  977. }
  978. 
  979. while ((InString.charAt(0) == '\u0020') || (InString.charAt(0) == '\u000A') || (InString.charAt(0) == '\u000D')){
  980. InString = InString.substring(1, InString.length)
  981. }
  982. 
  983. while (InString.indexOf(' ') != -1) {
  984. x = InString.indexOf(' ')
  985. InString = InString.substring(0, x) + InString.substring(x+1, InString.length)
  986. }
  987. 
  988. return InString;
  989. }
  990. 
  991. else {
  992. return '';
  993. }
  994. }
  995. 
  996. function FindLongest(InArray){
  997. if (InArray.length < 1){return -1;}
  998. 
  999. var Longest = 0;
  1000. for (var i=1; i<InArray.length; i++){
  1001. if (InArray[i].length > InArray[Longest].length){
  1002. Longest = i;
  1003. }
  1004. }
  1005. return Longest;
  1006. }
  1007. 
  1008. //UNICODE CHARACTER FUNCTIONS
  1009. function IsCombiningDiacritic(CharNum){
  1010. var Result = (((CharNum >= 0x0300)&&(CharNum <= 0x370))||((CharNum >= 0x20d0)&&(CharNum <= 0x20ff)));
  1011. Result = Result || (((CharNum >= 0x3099)&&(CharNum <= 0x309a))||((CharNum >= 0xfe20)&&(CharNum <= 0xfe23)));
  1012. return Result;
  1013. }
  1014. 
  1015. function IsCJK(CharNum){
  1016. return ((CharNum >= 0x3000)&&(CharNum < 0xd800));
  1017. }
  1018. 
  1019. //SETUP FUNCTIONS
  1020. //BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED
  1021. function ClearTextBoxes(){
  1022. var NList = document.getElementsByTagName('input');
  1023. for (var i=0; i<NList.length; i++){
  1024. if ((NList[i].id.indexOf('Guess') > -1)||(NList[i].id.indexOf('Gap') > -1)){
  1025. NList[i].value = '';
  1026. }
  1027. if (NList[i].id.indexOf('Chk') > -1){
  1028. NList[i].checked = '';
  1029. }
  1030. }
  1031. }
  1032. 
  1033. //EXTENSION TO ARRAY OBJECT
  1034. function Array_IndexOf(Input){
  1035. var Result = -1;
  1036. for (var i=0; i<this.length; i++){
  1037. if (this[i] == Input){
  1038. Result = i;
  1039. }
  1040. }
  1041. return Result;
  1042. }
  1043. Array.prototype.indexOf = Array_IndexOf;
  1044. 
  1045. //IE HAS RENDERING BUG WITH BOTTOM NAVBAR
  1046. function RemoveBottomNavBarForIE(){
  1047. if ((C.ie)&&(document.getElementById('Reading') != null)){
  1048. if (document.getElementById('BottomNavBar') != null){
  1049. document.getElementById('TheBody').removeChild(document.getElementById('BottomNavBar'));
  1050. }
  1051. }
  1052. }
  1053. 
  1054. 
  1055. 
  1056. 
  1057. //HOTPOTNET-RELATED CODE
  1058. 
  1059. var HPNStartTime = (new Date()).getTime();
  1060. var SubmissionTimeout = 30000;
  1061. var Detail = ''; //Global that is used to submit tracking data
  1062. 
  1063. function Finish(){
  1064. //If there's a form, fill it out and submit it
  1065. if (document.store != null){
  1066. Frm = document.store;
  1067. Frm.starttime.value = HPNStartTime;
  1068. Frm.endtime.value = (new Date()).getTime();
  1069. Frm.mark.value = Score;
  1070. Frm.detail.value = Detail;
  1071. Frm.submit();
  1072. }
  1073. }
  1074. 
  1075. 
  1076. 
  1077. 
  1078. 
  1079. //JQUIZ CORE JAVASCRIPT CODE
  1080. 
  1081. var CurrQNum = 0;
  1082. var CorrectIndicator = ':-)';
  1083. var IncorrectIndicator = 'X';
  1084. var YourScoreIs = 'Your score is ';
  1085. 
  1086. //New for 6.2.2.0
  1087. var CompletedSoFar = 'Questions completed so far: ';
  1088. var ExerciseCompleted = 'You have completed the exercise.';
  1089. var ShowCompletedSoFar = true;
  1090. 
  1091. var ContinuousScoring = true;
  1092. var CorrectFirstTime = 'Questions answered correctly first time: ';
  1093. var ShowCorrectFirstTime = true;
  1094. var ShuffleQs = false;
  1095. var ShuffleAs = false;
  1096. var DefaultRight = 'Correct!';
  1097. var DefaultWrong = 'Sorry! Try again.';
  1098. var QsToShow = 5;
  1099. var Score = 0;
  1100. var Finished = false;
  1101. var Qs = null;
  1102. var QArray = new Array();
  1103. var ShowingAllQuestions = false;
  1104. var ShowAllQuestionsCaption = 'Show all questions';
  1105. var ShowOneByOneCaption = 'Show questions one by one';
  1106. var State = new Array();
  1107. var Feedback = '';
  1108. var TimeOver = false;
  1109. var strInstructions = '';
  1110. var Locked = false;
  1111. 
  1112. //The following variable can be used to add a message explaining that
  1113. //the question is finished, so no further marking will take place.
  1114. var strQuestionFinished = '';
  1115. 
  1116. function CompleteEmptyFeedback(){
  1117. var QNum, ANum;
  1118. for (QNum=0; QNum<I.length; QNum++){
  1119. //Only do this if not multi-select
  1120. if (I[QNum][2] != '3'){
  1121. for (ANum = 0; ANum<I[QNum][3].length; ANum++){
  1122. if (I[QNum][3][ANum][1].length < 1){
  1123. if (I[QNum][3][ANum][2] > 0){
  1124. I[QNum][3][ANum][1] = DefaultRight;
  1125. }
  1126. else{
  1127. I[QNum][3][ANum][1] = DefaultWrong;
  1128. }
  1129. }
  1130. }
  1131. }
  1132. }
  1133. }
  1134. 
  1135. function SetUpQuestions(){
  1136. var AList = new Array();
  1137. var QList = new Array();
  1138. var i, j;
  1139. Qs = document.getElementById('Questions');
  1140. while (Qs.getElementsByTagName('li').length > 0){
  1141. QList.push(Qs.removeChild(Qs.getElementsByTagName('li')[0]));
  1142. }
  1143. var DumpItem = 0;
  1144. if (QsToShow > QList.length){
  1145. QsToShow = QList.length;
  1146. }
  1147. while (QsToShow < QList.length){
  1148. DumpItem = Math.floor(QList.length*Math.random());
  1149. for (j=DumpItem; j<(QList.length-1); j++){
  1150. QList[j] = QList[j+1];
  1151. }
  1152. QList.length = QList.length-1;
  1153. }
  1154. if (ShuffleQs == true){
  1155. QList = Shuffle(QList);
  1156. }
  1157. if (ShuffleAs == true){
  1158. var As;
  1159. for (var i=0; i<QList.length; i++){
  1160. As = QList[i].getElementsByTagName('ol')[0];
  1161. if (As != null){
  1162. AList.length = 0;
  1163. while (As.getElementsByTagName('li').length > 0){
  1164. AList.push(As.removeChild(As.getElementsByTagName('li')[0]));
  1165. }
  1166. AList = Shuffle(AList);
  1167. for (j=0; j<AList.length; j++){
  1168. As.appendChild(AList[j]);
  1169. }
  1170. }
  1171. }
  1172. }
  1174. for (i=0; i<QList.length; i++){
  1175. Qs.appendChild(QList[i]);
  1176. QArray[QArray.length] = QList[i];
  1177. }
  1178. 
  1179. //Show the first item
  1180. QArray[0].style.display = '';
  1182. //Now hide all except the first item
  1183. for (i=1; i<QArray.length; i++){
  1184. QArray[i].style.display = 'none';
  1185. }
  1186. SetQNumReadout();
  1188. SetFocusToTextbox();
  1189. }
  1190. 
  1191. function SetFocusToTextbox(){
  1192. //if there's a textbox, set the focus in it
  1193. if (QArray[CurrQNum].getElementsByTagName('input')[0] != null){
  1194. QArray[CurrQNum].getElementsByTagName('input')[0].focus();
  1195. //and show a keypad if there is one
  1196. if (document.getElementById('CharacterKeypad') != null){
  1197. document.getElementById('CharacterKeypad').style.display = 'block';
  1198. }
  1199. }
  1200. else{
  1201. if (QArray[CurrQNum].getElementsByTagName('textarea')[0] != null){
  1202. QArray[CurrQNum].getElementsByTagName('textarea')[0].focus();
  1203. //and show a keypad if there is one
  1204. if (document.getElementById('CharacterKeypad') != null){
  1205. document.getElementById('CharacterKeypad').style.display = 'block';
  1206. }
  1207. }
  1208. //This added for 6.0.4.11: hide accented character buttons if no textbox
  1209. else{
  1210. if (document.getElementById('CharacterKeypad') != null){
  1211. document.getElementById('CharacterKeypad').style.display = 'none';
  1212. }
  1213. }
  1214. }
  1215. }
  1216. 
  1217. function ChangeQ(ChangeBy){
  1218. //The following line prevents moving to another question until the current
  1219. //question is answered correctly. Uncomment it to enable this behaviour.
  1220. // if (State[CurrQNum][0] == -1){return;}
  1221. if (((CurrQNum + ChangeBy) < 0)||((CurrQNum + ChangeBy) >= QArray.length)){return;}
  1222. QArray[CurrQNum].style.display = 'none';
  1223. CurrQNum += ChangeBy;
  1224. QArray[CurrQNum].style.display = '';
  1225. //Undocumented function added 10/12/2004
  1226. ShowSpecialReadingForQuestion();
  1227. SetQNumReadout();
  1228. SetFocusToTextbox();
  1229. }
  1230. 
  1231. var HiddenReadingShown = false;
  1232. function ShowSpecialReadingForQuestion(){
  1233. //Undocumented function for showing specific reading text elements which change with each question
  1234. //Added on 10/12/2004
  1235. if (document.getElementById('ReadingDiv') != null){
  1236. if (HiddenReadingShown == true){
  1237. document.getElementById('ReadingDiv').innerHTML = '';
  1238. }
  1239. if (QArray[CurrQNum] != null){
  1240. //Fix for 6.0.4.25
  1241. var Children = QArray[CurrQNum].getElementsByTagName('div');
  1242. for (var i=0; i<Children.length; i++){
  1243. if (Children[i].className=="HiddenReading"){
  1244. document.getElementById('ReadingDiv').innerHTML = Children[i].innerHTML;
  1245. HiddenReadingShown = true;
  1246. //Hide the ShowAllQuestions button to avoid confusion
  1247. if (document.getElementById('ShowMethodButton') != null){
  1248. document.getElementById('ShowMethodButton').style.display = 'none';
  1249. }
  1250. }
  1251. }
  1252. }
  1253. }
  1254. }
  1255. 
  1256. function SetQNumReadout(){
  1257. document.getElementById('QNumReadout').innerHTML = (CurrQNum+1) + ' / ' + QArray.length;
  1258. if ((CurrQNum+1) >= QArray.length){
  1259. if (document.getElementById('NextQButton') != null){
  1260. document.getElementById('NextQButton').style.visibility = 'hidden';
  1261. }
  1262. }
  1263. else{
  1264. if (document.getElementById('NextQButton') != null){
  1265. document.getElementById('NextQButton').style.visibility = 'visible';
  1266. }
  1267. }
  1268. if (CurrQNum <= 0){
  1269. if (document.getElementById('PrevQButton') != null){
  1270. document.getElementById('PrevQButton').style.visibility = 'hidden';
  1271. }
  1272. }
  1273. else{
  1274. if (document.getElementById('PrevQButton') != null){
  1275. document.getElementById('PrevQButton').style.visibility = 'visible';
  1276. }
  1277. }
  1278. }
  1279. 
  1280. var I=new Array();
  1281. I[0]=new Array();I[0][0]=100;
  1282. I[0][1]='';
  1283. I[0][2]='0';
  1284. I[0][3]=new Array();
  1285. I[0][3][0]=new Array('Sunday','',0,0,1);
  1286. I[0][3][1]=new Array('Friday','',1,100,1);
  1287. I[0][3][2]=new Array('Monday','',0,0,1);
  1288. I[1]=new Array();I[1][0]=100;
  1289. I[1][1]='';
  1290. I[1][2]='0';
  1291. I[1][3]=new Array();
  1292. I[1][3][0]=new Array('Ragunan','',1,100,1);
  1293. I[1][3][1]=new Array('Safari','',0,0,1);
  1294. I[1][3][2]=new Array('Ancol','',0,0,1);
  1295. I[2]=new Array();I[2][0]=100;
  1296. I[2][1]='';
  1297. I[2][2]='0';
  1298. I[2][3]=new Array();
  1299. I[2][3][0]=new Array('Tedak Sinten','',0,0,1);
  1300. I[2][3][1]=new Array('Larung','',0,0,1);
  1301. I[2][3][2]=new Array('Kasodo','',1,100,1);
  1302. I[3]=new Array();I[3][0]=100;
  1303. I[3][1]='';
  1304. I[3][2]='0';
  1305. I[3][3]=new Array();
  1306. I[3][3][0]=new Array('In the zoo','',1,100,1);
  1307. I[3][3][1]=new Array('In the garden','',0,0,1);
  1308. I[3][3][2]=new Array('In the bus','',0,0,1);
  1309. I[4]=new Array();I[4][0]=100;
  1310. I[4][1]='';
  1311. I[4][2]='0';
  1312. I[4][3]=new Array();
  1313. I[4][3][0]=new Array('interesting','',0,0,1);
  1314. I[4][3][1]=new Array('beautiful','',0,0,1);
  1315. I[4][3][2]=new Array('famous','',1,100,1);
  1316. 
  1317. 
  1318. function StartUp(){
  1319. RemoveBottomNavBarForIE();
  1320. 
  1321. //If there's only one question, no need for question navigation controls
  1322. if (QsToShow < 2){
  1323. document.getElementById('QNav').style.display = 'none';
  1324. }
  1326. //Stash the instructions so they can be redisplayed
  1327. strInstructions = document.getElementById('InstructionsDiv').innerHTML;
  1329. 
  1331. 
  1333. 
  1334. PreloadImages('Happy_Holidays_Tux.jpg');
  1335. 
  1337. CompleteEmptyFeedback();
  1338. 
  1339. SetUpQuestions();
  1340. ClearTextBoxes();
  1341. CreateStatusArray();
  1343. 
  1344. setTimeout('StartTimer()', 50);
  1345. 
  1347. //Check search string for q parameter
  1348. if (document.location.search.length > 0){
  1349. if (ShuffleQs == false){
  1350. var JumpTo = parseInt(document.location.search.substring(1,document.location.search.length))-1;
  1351. if (JumpTo <= QsToShow){
  1352. ChangeQ(JumpTo);
  1353. }
  1354. }
  1355. }
  1356. //Undocumented function added 10/12/2004
  1357. ShowSpecialReadingForQuestion();
  1358. }
  1359. 
  1360. function ShowHideQuestions(){
  1361. FuncBtnOut(document.getElementById('ShowMethodButton'));
  1362. document.getElementById('ShowMethodButton').style.display = 'none';
  1363. if (ShowingAllQuestions == false){
  1364. for (var i=0; i<QArray.length; i++){
  1365. QArray[i].style.display = '';
  1366. }
  1367. document.getElementById('Questions').style.listStyleType = 'decimal';
  1368. document.getElementById('OneByOneReadout').style.display = 'none';
  1369. document.getElementById('ShowMethodButton').innerHTML = ShowOneByOneCaption;
  1370. ShowingAllQuestions = true;
  1371. }
  1372. else{
  1373. for (var i=0; i<QArray.length; i++){
  1374. if (i != CurrQNum){
  1375. QArray[i].style.display = 'none';
  1376. }
  1377. }
  1378. document.getElementById('Questions').style.listStyleType = 'none';
  1379. document.getElementById('OneByOneReadout').style.display = '';
  1380. document.getElementById('ShowMethodButton').innerHTML = ShowAllQuestionsCaption;
  1381. ShowingAllQuestions = false;
  1382. }
  1383. document.getElementById('ShowMethodButton').style.display = 'inline';
  1384. }
  1385. 
  1386. function CreateStatusArray(){
  1387. var QNum, ANum;
  1388. //For each item in the item array
  1389. for (QNum=0; QNum<I.length; QNum++){
  1390. //Check if the question still exists (hasn't been nuked by showing a random selection)
  1391. if (document.getElementById('Q_' + QNum) != null){
  1392. State[QNum] = new Array();
  1393. State[QNum][0] = -1; //Score for this q; -1 shows question not done yet
  1394. State[QNum][1] = new Array(); //answers
  1395. for (ANum = 0; ANum<I[QNum][3].length; ANum++){
  1396. State[QNum][1][ANum] = 0; //answer not chosen yet; when chosen, will store its position in the series of choices
  1397. }
  1398. State[QNum][2] = 0; //tries at this q so far
  1399. State[QNum][3] = 0; //incrementing percent-correct values of selected answers
  1400. State[QNum][4] = 0; //penalties incurred for hints
  1401. State[QNum][5] = ''; //Sequence of answers chosen by number
  1402. }
  1403. else{
  1404. State[QNum] = null;
  1405. }
  1406. }
  1407. }
  1408. 
  1409. 
  1410. 
  1411. function CheckMCAnswer(QNum, ANum, Btn){
  1412. //if question doesn't exist, bail
  1413. if (State[QNum].length < 1){return;}
  1415. //Get the feedback
  1416. Feedback = I[QNum][3][ANum][1];
  1418. //Now show feedback and bail if question already complete
  1419. if (State[QNum][0] > -1){
  1420. //Add an extra message explaining that the question
  1421. // is finished if defined by the user
  1422. if (strQuestionFinished.length > 0){Feedback += '<br />' + strQuestionFinished;}
  1423. //Show the feedback
  1424. ShowMessage(Feedback);
  1425. //New for 6.2.2.1: If you want to mark an answer as correct even when it's the final choice, uncomment this line.
  1426. // if (I[QNum][3][ANum][2] >= 1){Btn.innerHTML = CorrectIndicator;}else{Btn.innerHTML = IncorrectIndicator;}
  1427. return;
  1428. }
  1430. //Hide the button while processing
  1431. Btn.style.display = 'none';
  1432. 
  1433. //Increment the number of tries
  1434. State[QNum][2]++;
  1436. //Add the percent-correct value of this answer
  1437. State[QNum][3] += I[QNum][3][ANum][3];
  1439. //Store the try number in the answer part of the State array, for tracking purposes
  1440. State[QNum][1][ANum] = State[QNum][2];
  1441. if (State[QNum][5].length > 0){State[QNum][5] += ' | ';}
  1442. State[QNum][5] += String.fromCharCode(65+ANum);
  1444. //Should this answer be accepted as correct?
  1445. if (I[QNum][3][ANum][2] < 1){
  1446. //It's wrong
  1447. 
  1448. //Mark the answer
  1449. Btn.innerHTML = IncorrectIndicator;
  1451. //Remove any previous score unless exercise is finished (6.0.3.8+)
  1452. if (Finished == false){
  1453. WriteToInstructions(strInstructions);
  1454. }
  1456. //Check whether this leaves just one MC answer unselected, in which case the Q is terminated
  1457. var RemainingAnswer = FinalAnswer(QNum);
  1458. if (RemainingAnswer > -1){
  1459. //Behave as if the last answer had been selected, but give no credit for it
  1460. //Increment the number of tries
  1461. State[QNum][2]++;
  1463. //Calculate the score for this question
  1464. CalculateMCQuestionScore(QNum);
  1466. //Get the overall score and add it to the feedback
  1467. CalculateOverallScore();
  1468. //New for 6.2.2.1
  1469. var QsDone = CheckQuestionsCompleted();
  1470. if ((ContinuousScoring == true)||(Finished == true)){
  1471. Feedback += '<br />' + YourScoreIs + ' ' + Score + '%.' + '<br />' + QsDone;
  1472. WriteToInstructions(YourScoreIs + ' ' + Score + '%.' + '<br />' + QsDone);
  1473. }
  1474. else{
  1475. WriteToInstructions(QsDone);
  1476. }
  1477. }
  1478. }
  1479. else{
  1480. //It's right
  1481. //Mark the answer
  1482. Btn.innerHTML = CorrectIndicator;
  1484. //Calculate the score for this question
  1485. CalculateMCQuestionScore(QNum);
  1487. //New for 6.2.2.0
  1488. var QsDone = CheckQuestionsCompleted();
  1489. 
  1490. //Get the overall score and add it to the feedback
  1491. if (ContinuousScoring == true){
  1492. CalculateOverallScore();
  1493. if ((ContinuousScoring == true)||(Finished == true)){
  1494. Feedback += '<br />' + YourScoreIs + ' ' + Score + '%.' + '<br />' + QsDone;
  1495. WriteToInstructions(YourScoreIs + ' ' + Score + '%.' + '<br />' + QsDone);
  1496. }
  1497. }
  1498. else{
  1499. WriteToInstructions(QsDone);
  1500. }
  1501. }
  1503. //Show the button again
  1504. Btn.style.display = 'inline';
  1506. //Finally, show the feedback
  1507. ShowMessage(Feedback);
  1509. //Check whether all questions are now done
  1510. CheckFinished();
  1511. }
  1512. 
  1513. function CalculateMCQuestionScore(QNum){
  1514. var Tries = State[QNum][2] + State[QNum][4]; //include tries and hint penalties
  1515. var PercentCorrect = State[QNum][3];
  1516. var TotAns = GetTotalMCAnswers(QNum);
  1517. var HintPenalties = State[QNum][4];
  1519. //Make sure it's not already complete
  1520. 
  1521. if (State[QNum][0] < 0){
  1522. //Allow for Hybrids
  1523. if (HintPenalties >= 1){
  1524. State[QNum][0] = 0;
  1525. }
  1526. else{
  1527. //This line calculates the score for this question
  1528. if (TotAns == 1){
  1529. State[QNum][0] = 1;
  1530. }
  1531. else{
  1532. State[QNum][0] = ((TotAns-((Tries*100)/State[QNum][3]))/(TotAns-1));
  1533. }
  1534. }
  1535. //Fix for Safari bug added for version 6.0.3.42 (negative infinity problem)
  1536. if ((State[QNum][0] < 0)||(State[QNum][0] == Number.NEGATIVE_INFINITY)){
  1537. State[QNum][0] = 0;
  1538. }
  1539. }
  1540. }
  1541. 
  1542. function GetTotalMCAnswers(QNum){
  1543. var Result = 0;
  1544. for (var ANum=0; ANum<I[QNum][3].length; ANum++){
  1545. if (I[QNum][3][ANum][4] == 1){ //This is an MC answer
  1546. Result++;
  1547. }
  1548. }
  1549. return Result;
  1550. }
  1551. 
  1552. function FinalAnswer(QNum){
  1553. var UnchosenAnswers = 0;
  1554. var FinalAnswer = -1;
  1555. for (var ANum=0; ANum<I[QNum][3].length; ANum++){
  1556. if (I[QNum][3][ANum][4] == 1){ //This is an MC answer
  1557. if (State[QNum][1][ANum] < 1){ //This answer hasn't been chosen yet
  1558. UnchosenAnswers++;
  1559. FinalAnswer = ANum;
  1560. }
  1561. }
  1562. }
  1563. if (UnchosenAnswers == 1){
  1564. return FinalAnswer;
  1565. }
  1566. else{
  1567. return -1;
  1568. }
  1569. }
  1570. 
  1571. 
  1572. 
  1573. 
  1574. 
  1575. function CalculateOverallScore(){
  1576. var TotalWeighting = 0;
  1577. var TotalScore = 0;
  1579. for (var QNum=0; QNum<State.length; QNum++){
  1580. if (State[QNum] != null){
  1581. if (State[QNum][0] > -1){
  1582. TotalWeighting += I[QNum][0];
  1583. TotalScore += (I[QNum][0] * State[QNum][0]);
  1584. }
  1585. }
  1586. }
  1587. if (TotalWeighting > 0){
  1588. Score = Math.floor((TotalScore/TotalWeighting)*100);
  1589. }
  1590. else{
  1591. //if TotalWeighting is 0, no questions so far have any value, so
  1592. //no penalty should be shown.
  1593. Score = 100;
  1594. }
  1595. }
  1596. 
  1597. //New for 6.2.2.0
  1598. function CheckQuestionsCompleted(){
  1599. if (ShowCompletedSoFar == false){return '';}
  1600. var QsCompleted = 0;
  1601. for (var QNum=0; QNum<State.length; QNum++){
  1602. if (State[QNum] != null){
  1603. if (State[QNum][0] >= 0){
  1604. QsCompleted++;
  1605. }
  1606. }
  1607. }
  1608. //Fixes for 6.2.2.2
  1609. if (QsCompleted >= QArray.length){
  1610. return ExerciseCompleted;
  1611. }
  1612. else{
  1613. return CompletedSoFar + ' ' + QsCompleted + '/' + QArray.length + '.';
  1614. }
  1615. }
  1616. 
  1617. function CheckFinished(){
  1618. var FB = '';
  1619. var AllDone = true;
  1620. for (var QNum=0; QNum<State.length; QNum++){
  1621. if (State[QNum] != null){
  1622. if (State[QNum][0] < 0){
  1623. AllDone = false;
  1624. }
  1625. }
  1626. }
  1627. if (AllDone == true){
  1629. //Report final score and submit if necessary
  1630. CalculateOverallScore();
  1631. FB = YourScoreIs + ' ' + Score + '%.';
  1632. if (ShowCorrectFirstTime == true){
  1633. var CFT = 0;
  1634. for (QNum=0; QNum<State.length; QNum++){
  1635. if (State[QNum] != null){
  1636. if (State[QNum][0] >= 1){
  1637. CFT++;
  1638. }
  1639. }
  1640. }
  1641. FB += '<br />' + CorrectFirstTime + ' ' + CFT + '/' + QsToShow;
  1642. }
  1644. //New for 6.2.2.0
  1645. FB += '<br />' + ExerciseCompleted;
  1647. WriteToInstructions(FB);
  1649. Finished == true;
  1650. 
  1651. window.clearInterval(Interval);
  1652. 
  1653. 
  1654. 
  1655. 
  1656. TimeOver = true;
  1657. Locked = true;
  1659. 
  1660. 
  1661. Finished = true;
  1662. Detail = '<?xml version="1.0"?><hpnetresult><fields>';
  1663. for (QNum=0; QNum<State.length; QNum++){
  1664. if (State[QNum] != null){
  1665. if (State[QNum][5].length > 0){
  1666. Detail += '<field><fieldname>Question #' + (QNum+1) + '</fieldname><fieldtype>question-tracking</fieldtype><fieldlabel>Q ' + (QNum+1) + '</fieldlabel><fieldlabelid>QuestionTrackingField</fieldlabelid><fielddata>' + State[QNum][5] + '</fielddata></field>';
  1667. }
  1668. }
  1669. }
  1670. Detail += '</fields></hpnetresult>';
  1671. setTimeout('Finish()', SubmissionTimeout);
  1672. }
  1673. 
  1674. }
  1675. 
  1676. 
  1677. function TimesUp(){
  1678. document.getElementById('Timer').innerHTML = 'Your time is over!';
  1679. 
  1680. RefreshImages();
  1681. 
  1682. TimeOver = true;
  1683. Finished = true;
  1684. ShowMessage('Your time is over!');
  1686. //Set all remaining scores to 0
  1687. for (var QNum=0; QNum<State.length; QNum++){
  1688. if (State[QNum] != null){
  1689. if (State[QNum][0] < 0){
  1690. State[QNum][0] = 0;
  1691. }
  1692. }
  1693. }
  1694. CheckFinished();
  1695. }
  1696. 
  1697. 
  1698. 
  1699. 
  1700. 
  1701. 
  1702. 
  1703. 
  1704. //CODE FOR HANDLING TIMER
  1705. //Timer code
  1706. var Seconds = 1200;
  1707. var Interval = null;
  1708. 
  1709. function StartTimer(){
  1710. Interval = window.setInterval('DownTime()',1000);
  1711. document.getElementById('TimerText').style.display = 'inline';
  1712. }
  1713. 
  1714. function DownTime(){
  1715. var ss = Seconds % 60;
  1716. if (ss<10){
  1717. ss='0' + ss + '';
  1718. }
  1719. 
  1720. var mm = Math.floor(Seconds / 60);
  1721. 
  1722. if (document.getElementById('Timer') == null){
  1723. return;
  1724. }
  1725. 
  1726. document.getElementById('TimerText').innerHTML = mm + ':' + ss;
  1727. if (Seconds < 1){
  1728. window.clearInterval(Interval);
  1729. TimeOver = true;
  1730. TimesUp();
  1731. }
  1732. Seconds--;
  1733. }
  1734. 
  1735. 
  1736. 
  1737. 
  1738. 
  1739. 
  1740. //-->
  1741. 
  1742. //]]>
  1743. 
  1744. </script>
  1745. 
  1746. 
  1747. </head>
  1748. 
  1749. <body onload="StartUp()" id="TheBody" >
  1750. 
  1751. <!-- BeginTopNavButtons -->
  1752. 
  1753. 
  1754. <div class="NavButtonBar" id="TopNavBar">
  1755. 
  1756. 
  1757. <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>
  1758. 
  1759. 
  1760. 
  1761. <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>
  1762. 
  1763. 
  1764. 
  1765. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='Holiday-JCloze.htm'; return false;">=&gt;</button>
  1766. 
  1767. 
  1768. </div>
  1769. 
  1770. 
  1771. 
  1772. <!-- EndTopNavButtons -->
  1773. 
  1774. <div class="Titles">
  1775. <h2 class="ExerciseTitle">Holiday-multiple choices</h2>
  1776. 
  1777. <h3 class="ExerciseSubtitle">Quiz</h3>
  1778. 
  1779. 
  1780. <div id="Timer"><span id="TimerText">&nbsp;&nbsp;</span></div>
  1781. 
  1782. 
  1783. </div>
  1784. 
  1785. <div id="InstructionsDiv" class="StdDiv">
  1786. <div id="Instructions"></div>
  1787. </div>
  1788. 
  1789. 
  1790. 
  1791. 
  1792. <div id="MainDiv" class="StdDiv">
  1794. <div id="QNav" class="QuestionNavigation">
  1795. 
  1796. <p style="text-align: right;">
  1797. <button id="ShowMethodButton" class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOver(this)" onclick="ShowHideQuestions(); return false;">Show all questions</button>
  1798. </p>
  1799. 
  1800. <div id="OneByOneReadout">
  1801. <button id="PrevQButton" class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOver(this)" onclick="ChangeQ(-1); return false;">&lt;=</button>
  1802. 
  1803. <span id="QNumReadout" class="QNum">&nbsp;</span>
  1804. 
  1805. <button id="NextQButton" class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOver(this)" onclick="ChangeQ(1); return false;">=&gt;</button>
  1806. <br />
  1807. </div>
  1808. 
  1809. </div>
  1811. <ol class="QuizQuestions" id="Questions">
  1812. <li class="QuizQuestion" id="Q_0" style="display: none;"><div class="QuestionText">what is the day before saturday?</div><ol class="MCAnswers"><li id="Q_0_0"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_0_0_Btn" onclick="CheckMCAnswer(0,0,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;Sunday</li><li id="Q_0_1"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_0_1_Btn" onclick="CheckMCAnswer(0,1,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;Friday</li><li id="Q_0_2"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_0_2_Btn" onclick="CheckMCAnswer(0,2,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;Monday</li></ol></li>
  1813. <li class="QuizQuestion" id="Q_1" style="display: none;"><div class="QuestionText">What is the name of the zoo in Jakarta?</div><ol class="MCAnswers"><li id="Q_1_0"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_1_0_Btn" onclick="CheckMCAnswer(1,0,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;Ragunan</li><li id="Q_1_1"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_1_1_Btn" onclick="CheckMCAnswer(1,1,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;Safari</li><li id="Q_1_2"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_1_2_Btn" onclick="CheckMCAnswer(1,2,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;Ancol</li></ol></li>
  1814. <li class="QuizQuestion" id="Q_2" style="display: none;"><div class="QuestionText">What is the name of the ceremony in Bromo mountain?</div><ol class="MCAnswers"><li id="Q_2_0"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_2_0_Btn" onclick="CheckMCAnswer(2,0,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;Tedak Sinten</li><li id="Q_2_1"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_2_1_Btn" onclick="CheckMCAnswer(2,1,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;Larung</li><li id="Q_2_2"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_2_2_Btn" onclick="CheckMCAnswer(2,2,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;Kasodo</li></ol></li>
  1815. <li class="QuizQuestion" id="Q_3" style="display: none;"><div class="QuestionText"><img src="Happy_Holidays_Tux.jpg" alt="Happy_Holidays_Tux.jpg" title="Happy_Holidays_Tux" width="320" height="256"></img><br />Where do we see the pinguin?</div><ol class="MCAnswers"><li id="Q_3_0"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_3_0_Btn" onclick="CheckMCAnswer(3,0,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;In the zoo</li><li id="Q_3_1"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_3_1_Btn" onclick="CheckMCAnswer(3,1,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;In the garden</li><li id="Q_3_2"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_3_2_Btn" onclick="CheckMCAnswer(3,2,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;In the bus</li></ol></li>
  1816. <li class="QuizQuestion" id="Q_4" style="display: none;"><div class="QuestionText">What is the synonym of popular?</div><ol class="MCAnswers"><li id="Q_4_0"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_4_0_Btn" onclick="CheckMCAnswer(4,0,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;interesting</li><li id="Q_4_1"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_4_1_Btn" onclick="CheckMCAnswer(4,1,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;beautiful</li><li id="Q_4_2"><button class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" id="Q_4_2_Btn" onclick="CheckMCAnswer(4,2,this)">&nbsp;&nbsp;?&nbsp;&nbsp;</button>&nbsp;&nbsp;famous</li></ol></li></ol>
  1817. 
  1818. 
  1819. 
  1820. </div>
  1821. 
  1822. 
  1823. 
  1824. <div class="Feedback" id="FeedbackDiv">
  1825. <div class="FeedbackText" id="FeedbackContent"></div>
  1826. <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>
  1827. </div>
  1828. 
  1829. <!-- BeginBottomNavButtons -->
  1830. 
  1831. 
  1832. <div class="NavButtonBar" id="BottomNavBar">
  1833. 
  1834. 
  1835. <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>
  1836. 
  1837. 
  1838. 
  1839. <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>
  1840. 
  1841. 
  1842. 
  1843. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='Holiday-JCloze.htm'; return false;">=&gt;</button>
  1844. 
  1845. 
  1846. </div>
  1847. 
  1848. 
  1849. 
  1850. <!-- EndBottomNavButtons -->
  1851. 
  1852. <!-- BeginSubmissionForm -->
  1853. 
  1854. <!-- EndSubmissionForm -->
  1855. 
  1856. </body>
  1857. 
  1858. </html>