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