<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en"><head><meta name="author" content="Created with Hot Potatoes by Half-Baked Software, registered to wara hongto."></meta><meta name="keywords" content="Hot Potatoes, Hot Potatoes, Half-Baked Software, Windows, University of Victoria"></meta>
<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
<meta name="DC:Creator" content="wara hongto" />
<meta name="DC:Title" content="à¾ç¹·ìàÅ纡ÒÃìµÙ¹·ÕèÊÇ·ÕèÊØ´" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>
เพ็นท์เล็บการ์ตูนที่สวยที่สุด
</title>
<!-- Made with executable version 6.0 Release 4 Build 0 -->
<!-- The following insertion allows you to add your own code directly to this head tag from the configuration screen -->
<style type="text/css">
/* This is the CSS stylesheet used in the exercise. */
/* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */
/* BeginCorePageCSS */
/* Made with executable version 6.0 Release 4 Build 0 */
body{
font-family: Geneva,Arial,sans-serif;
background-color: #000080;
color: #808040;
background-image: url(https://www.google.co.th/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=http%3A%2F%2Ftravel.edtguide.com%2F375857_asiatique-the-riverfront&ei=F-NuVKu0DcG2uASYkILACg&psig=AFQjCNFuQXA5ls5-6r0FJVM35QT8YvawSA&ust=1416639597607950);
margin-right: 5%;
margin-left: 5%;
font-size: small;
}
p{
text-align: left;
margin: 0px;
font-size: 100%;
}
table,div,span,td{
font-size: 100%;
color: #808040;
}
div.Titles{
padding: 0.5em;;
text-align: center;
color: #8000ff;
}
button{
font-size: 100%;
display: inline;
}
.ExerciseTitle{
font-size: 140%;
color: #8000ff;
}
.ExerciseSubtitle{
font-size: 120%;
color: #8000ff;
}
div.StdDiv{
background-color: #004040;
text-align: center;
font-size: 100%;
color: #808040;
padding: 8px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #808040;
margin-bottom: 1px;
}
/* EndCorePageCSS */
.RTLText{
text-align: right;
font-size: 150%;
direction: rtl;
font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;
}
.CentredRTLText{
text-align: center;
font-size: 150%;
direction: rtl;
font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;
}
button p.RTLText{
text-align: center;
}
.RTLGapBox{
text-align: right;
font-size: 150%;
direction: rtl;
font-family: "Times New Roman", Geneva,Arial,sans-serif;
}
.Guess{
font-weight: bold;
}
.CorrectAnswer{
font-weight: bold;
}
div#Timer{
padding: 6px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #8000ff;
}
span#TimerText{
padding: 6px;
border-width: 1px;
border-style: solid;
font-weight: bold;
display: none;
color: #8000ff;
}
span.Instructions{
}
div.ExerciseText{
}
.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
color: #8000ff;
}
.LeftItem{
font-size: 100%;
color: #808040;
text-align: left;
}
.RightItem{
font-weight: bold;
font-size: 100%;
color: #808040;
}
span.CorrectMark{
}
input, textarea{
font-family: Geneva,Arial,sans-serif;
font-size: 120%;
}
select{
font-size: 100%;
}
div.Feedback {
background-color: #000080;
left: 33%;
width: 34%;
top: 33%;
z-index: 1;
border-style: solid;
border-width: 1px;
padding: 5px;
text-align: center;
color: #8000ff;
position: absolute;
display: none;
font-size: 100%;
}
div.ExerciseDiv{
color: #808040;
}
/* JMatch flashcard styles */
table.FlashcardTable{
background-color: transparent;
color: #808040;
border-color: #808040;
margin-left: 5%;
margin-right: 5%;
margin-top: 2em;
margin-bottom: 2em;
width: 90%;
position: relative;
text-align: center;
padding: 0px;
}
table.FlashcardTable tr{
border-style: none;
margin: 0px;
padding: 0px;
background-color: #004040;
}
table.FlashcardTable td.Showing{
font-size: 140%;
text-align: center;
width: 50%;
display: table-cell;
padding: 2em;
margin: 0px;
border-style: solid;
border-width: 1px;
color: #808040;
background-color: #004040;
}
table.FlashcardTable td.Hidden{
display: none;
}
/* JMix styles */
div#SegmentDiv{
margin-top: 2em;
margin-bottom: 2em;
text-align: center;
}
a.ExSegment{
font-size: 120%;
font-weight: bold;
text-decoration: none;
color: #808040;
}
span.RemainingWordList{
font-style: italic;
}
div.DropLine {
position: absolute;
text-align: center;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #8000ff;
width: 80%;
}
/* JCloze styles */
.ClozeWordList{
text-align: center;
font-weight: bold;
}
div.ClozeBody{
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
line-height: 2.0
}
span.GapSpan{
font-weight: bold;
}
/* JCross styles */
table.CrosswordGrid{
margin: auto auto 1em auto;
border-collapse: collapse;
padding: 0px;
background-color: #000000;
}
table.CrosswordGrid tbody tr td{
width: 1.5em;
height: 1.5em;
text-align: center;
vertical-align: middle;
font-size: 140%;
padding: 1px;
margin: 0px;
border-style: solid;
border-width: 1px;
border-color: #000000;
color: #000000;
}
table.CrosswordGrid span{
color: #000000;
}
table.CrosswordGrid td.BlankCell{
background-color: #000000;
color: #000000;
}
table.CrosswordGrid td.LetterOnlyCell{
text-align: center;
vertical-align: middle;
background-color: #ffffff;
color: #000000;
font-weight: bold;
}
table.CrosswordGrid td.NumLetterCell{
text-align: left;
vertical-align: top;
background-color: #ffffff;
color: #000000;
padding: 1px;
font-weight: bold;
}
.NumLetterCellText{
cursor: pointer;
color: #000000;
}
.GridNum{
vertical-align: super;
font-size: 66%;
font-weight: bold;
text-decoration: none;
color: #000000;
}
.GridNum:hover, .GridNum:visited{
color: #000000;
}
table#Clues{
margin: auto;
vertical-align: top;
}
table#Clues td{
vertical-align: top;
}
table.ClueList{
margin: auto;
}
td.ClueNum{
text-align: right;
font-weight: bold;
vertical-align: top;
}
td.Clue{
text-align: left;
}
div#ClueEntry{
text-align: left;
margin-bottom: 1em;
}
/* Keypad styles */
div.Keypad{
text-align: center;
}
div.Keypad button{
font-family: Geneva,Arial,sans-serif;
font-size: 120%;
background-color: #ffffff;
color: #000000;
width: 2em;
}
/* JQuiz styles */
div.QuestionNavigation{
text-align: center;
}
.QNum{
margin: 0em 1em 0.5em 1em;
font-weight: bold;
vertical-align: middle;
}
textarea{
font-family: Geneva,Arial,sans-serif;
}
.QuestionText{
}
.Answer{
font-size: 120%;
letter-spacing: 0.1em;
}
.PartialAnswer{
font-size: 120%;
letter-spacing: 0.1em;
color: #8000ff;
}
.Highlight{
color: #000000;
background-color: #ffff00;
font-weight: bold;
font-size: 120%;
}
ol.QuizQuestions{
text-align: left;
list-style-type: none;
}
li.QuizQuestion{
padding: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;
}
ol.MCAnswers{
text-align: left;
list-style-type: upper-alpha;
padding: 1em;
}
ol.MCAnswers li{
margin-bottom: 1em;
}
ol.MSelAnswers{
text-align: left;
list-style-type: lower-alpha;
padding: 1em;
}
div.ShortAnswer{
padding: 1em;
}
.FuncButton {
text-align: center;
border-style: solid;
border-left-color: #7f9f9f;
border-top-color: #7f9f9f;
border-right-color: #002020;
border-bottom-color: #002020;
color: #808040;
background-color: #004040;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;
}
.FuncButtonUp {
color: #004040;
text-align: center;
border-style: solid;
border-left-color: #7f9f9f;
border-top-color: #7f9f9f;
border-right-color: #002020;
border-bottom-color: #002020;
background-color: #808040;
color: #004040;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;
}
.FuncButtonDown {
color: #004040;
text-align: center;
border-style: solid;
border-left-color: #002020;
border-top-color: #002020;
border-right-color: #7f9f9f;
border-bottom-color: #7f9f9f;
background-color: #808040;
color: #004040;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;
}
/*BeginNavBarStyle*/
div.NavButtonBar{
background-color: #800080;
text-align: center;
margin: 2px 0px 2px 0px;
clear: both;
font-size: 100%;
}
.NavButton {
border-style: solid;
border-left-color: #bf7fbf;
border-top-color: #bf7fbf;
border-right-color: #400040;
border-bottom-color: #400040;
background-color: #800080;
color: #ffffff;
border-width: 2px;
cursor: pointer;
}
.NavButtonUp {
border-style: solid;
border-left-color: #bf7fbf;
border-top-color: #bf7fbf;
border-right-color: #400040;
border-bottom-color: #400040;
color: #800080;
background-color: #ffffff;
border-width: 2px;
cursor: pointer;
}
.NavButtonDown {
border-style: solid;
border-left-color: #400040;
border-top-color: #400040;
border-right-color: #bf7fbf;
border-bottom-color: #bf7fbf;
color: #800080;
background-color: #ffffff;
border-width: 2px;
cursor: pointer;
}
/*EndNavBarStyle*/
a{
color: #800000;
}
a:visited{
color: #ff0080;
}
a:hover{
color: #800000;
}
div.CardStyle {
position: absolute;
font-family: Geneva,Arial,sans-serif;
font-size: 100%;
padding: 5px;
border-style: solid;
border-width: 1px;
color: #808040;
background-color: #004040;
left: -50px;
top: -50px;
overflow: visible;
}
.rtl{
text-align: right;
font-size: 140%;
}
</style>
<script type="text/javascript">
//<![CDATA[
<!--
function Client(){
//if not a DOM browser, hopeless
this.min = false; if (document.getElementById){this.min = true;};
this.ua = navigator.userAgent;
this.name = navigator.appName;
this.ver = navigator.appVersion;
//Get data about the browser
this.mac = (this.ver.indexOf('Mac') != -1);
this.win = (this.ver.indexOf('Windows') != -1);
//Look for Gecko
this.gecko = (this.ua.indexOf('Gecko') > 1);
if (this.gecko){
this.geckoVer = parseInt(this.ua.substring(this.ua.indexOf('Gecko')+6, this.ua.length));
if (this.geckoVer < 20020000){this.min = false;}
}
//Look for Firebird
this.firebird = (this.ua.indexOf('Firebird') > 1);
//Look for Safari
this.safari = (this.ua.indexOf('Safari') > 1);
if (this.safari){
this.gecko = false;
}
//Look for IE
this.ie = (this.ua.indexOf('MSIE') > 0);
if (this.ie){
this.ieVer = parseFloat(this.ua.substring(this.ua.indexOf('MSIE')+5, this.ua.length));
if (this.ieVer < 5.5){this.min = false;}
}
//Look for Opera
this.opera = (this.ua.indexOf('Opera') > 0);
if (this.opera){
this.operaVer = parseFloat(this.ua.substring(this.ua.indexOf('Opera')+6, this.ua.length));
if (this.operaVer < 7.04){this.min = false;}
}
if (this.min == false){
alert('Your browser may not be able to handle this page.');
}
//Special case for the horrible ie5mac
this.ie5mac = (this.ie&&this.mac&&(this.ieVer<6));
}
var C = new Client();
//for (prop in C){
// alert(prop + ': ' + C[prop]);
//}
//CODE FOR HANDLING NAV BUTTONS AND FUNCTION BUTTONS
//[strNavBarJS]
function NavBtnOver(Btn){
if (Btn.className != 'NavButtonDown'){Btn.className = 'NavButtonUp';}
}
function NavBtnOut(Btn){
Btn.className = 'NavButton';
}
function NavBtnDown(Btn){
Btn.className = 'NavButtonDown';
}
//[/strNavBarJS]
function FuncBtnOver(Btn){
if (Btn.className != 'FuncButtonDown'){Btn.className = 'FuncButtonUp';}
}
function FuncBtnOut(Btn){
Btn.className = 'FuncButton';
}
function FuncBtnDown(Btn){
Btn.className = 'FuncButtonDown';
}
function FocusAButton(){
if (document.getElementById('CheckButton1') != null){
document.getElementById('CheckButton1').focus();
}
else{
if (document.getElementById('CheckButton2') != null){
document.getElementById('CheckButton2').focus();
}
else{
document.getElementsByTagName('button')[0].focus();
}
}
}
//CODE FOR HANDLING DISPLAY OF POPUP FEEDBACK BOX
var topZ = 1000;
function ShowMessage(Feedback){
var Output = Feedback + '<br /><br />';
document.getElementById('FeedbackContent').innerHTML = Output;
var FDiv = document.getElementById('FeedbackDiv');
topZ++;
FDiv.style.zIndex = topZ;
FDiv.style.top = TopSettingWithScrollOffset(30) + 'px';
FDiv.style.display = 'block';
ShowElements(false, 'input');
ShowElements(false, 'select');
ShowElements(false, 'object');
//Focus the OK button
setTimeout("document.getElementById('FeedbackOKButton').focus()", 50);
//
// RefreshImages();
//
}
function ShowElements(Show, TagName){
//Special for IE bug -- hide all the form elements that will show through the popup
if (C.ie){
var Els = document.getElementsByTagName(TagName);
for (var i=0; i<Els.length; i++){
if (Show == true){
Els[i].style.display = 'inline';
}
else{
Els[i].style.display = 'none';
}
}
}
}
function HideFeedback(){
document.getElementById('FeedbackDiv').style.display = 'none';
ShowElements(true, 'input');
ShowElements(true, 'select');
ShowElements(true, 'object');
if (Finished == true){
Finish();
}
}
//GENERAL UTILITY FUNCTIONS AND VARIABLES
//PAGE DIMENSION FUNCTIONS
function PageDim(){
//Get the page width and height
this.W = 600;
this.H = 400;
this.W = document.getElementsByTagName('body')[0].clientWidth;
this.H = document.getElementsByTagName('body')[0].clientHeight;
}
var pg = null;
function GetPageXY(El) {
var XY = {x: 0, y: 0};
while(El){
XY.x += El.offsetLeft;
XY.y += El.offsetTop;
El = El.offsetParent;
}
return XY;
}
function GetScrollTop(){
if (document.documentElement && document.documentElement.scrollTop){
return document.documentElement.scrollTop;
}
else{
if (document.body){
return document.body.scrollTop;
}
else{
return window.pageYOffset;
}
}
}
function GetViewportHeight(){
if (window.innerHeight){
return window.innerHeight;
}
else{
return document.getElementsByTagName('body')[0].clientHeight;
}
}
function TopSettingWithScrollOffset(TopPercent){
var T = Math.floor(GetViewportHeight() * (TopPercent/100));
return GetScrollTop() + T;
}
//CODE FOR AVOIDING LOSS OF DATA WHEN BACKSPACE KEY INVOKES history.back()
var InTextBox = false;
function SuppressBackspace(e){
if (InTextBox == true){return;}
if (C.ie) {
thisKey = window.event.keyCode;
}
else {
thisKey = e.keyCode;
}
var Suppress = false;
if (thisKey == 8) {
Suppress = true;
}
if (Suppress == true){
if (C.ie){
window.event.returnValue = false;
window.event.cancelBubble = true;
}
else{
e.preventDefault();
}
}
}
if (C.ie){
document.attachEvent('onkeydown',SuppressBackspace);
window.attachEvent('onkeydown',SuppressBackspace);
}
else{
if (window.addEventListener){
window.addEventListener('keypress',SuppressBackspace,false);
}
}
function ReduceItems(InArray, ReduceToSize){
var ItemToDump=0;
var j=0;
while (InArray.length > ReduceToSize){
ItemToDump = Math.floor(InArray.length*Math.random());
InArray.splice(ItemToDump, 1);
}
}
function Shuffle(InArray){
var Num;
var Temp = new Array();
var Len = InArray.length;
var j = Len;
for (var i=0; i<Len; i++){
Temp[i] = InArray[i];
}
for (i=0; i<Len; i++){
Num = Math.floor(j * Math.random());
InArray[i] = Temp[Num];
for (var k=Num; k < (j-1); k++) {
Temp[k] = Temp[k+1];
}
j--;
}
return InArray;
}
function WriteToInstructions(Feedback) {
document.getElementById('InstructionsDiv').innerHTML = Feedback;
RefreshImages();
}
Imgs = new Array();
function PreloadImages(){
var a = PreloadImages.arguments;
for (var i=0; i<a.length; i++){
Imgs[i] = new Image();
Imgs[i].src = a[i];
}
}
function RefreshImages(){
for (var i=0; i<document.images.length; i++){
if (document.images[i].name.substring(0,6) != 'NavBar'){
document.images[i].src = document.images[i].src;
}
}
}
function EscapeDoubleQuotes(InString){
return InString.replace(/"/g, '"')
}
function TrimString(InString){
var x = 0;
if (InString.length != 0) {
while ((InString.charAt(InString.length - 1) == '\u0020') || (InString.charAt(InString.length - 1) == '\u000A') || (InString.charAt(InString.length - 1) == '\u000D')){
InString = InString.substring(0, InString.length - 1)
}
while ((InString.charAt(0) == '\u0020') || (InString.charAt(0) == '\u000A') || (InString.charAt(0) == '\u000D')){
InString = InString.substring(1, InString.length)
}
while (InString.indexOf(' ') != -1) {
x = InString.indexOf(' ')
InString = InString.substring(0, x) + InString.substring(x+1, InString.length)
}
return InString;
}
else {
return '';
}
}
function FindLongest(InArray){
if (InArray.length < 1){return -1;}
var Longest = 0;
for (var i=1; i<InArray.length; i++){
if (InArray[i].length > InArray[Longest].length){
Longest = i;
}
}
return Longest;
}
//UNICODE CHARACTER FUNCTIONS
function IsCombiningDiacritic(CharNum){
var Result = (((CharNum >= 0x0300)&&(CharNum <= 0x370))||((CharNum >= 0x20d0)&&(CharNum <= 0x20ff)));
Result = Result || (((CharNum >= 0x3099)&&(CharNum <= 0x309a))||((CharNum >= 0xfe20)&&(CharNum <= 0xfe23)));
return Result;
}
function IsCJK(CharNum){
return ((CharNum >= 0x3000)&&(CharNum < 0xd800));
}
//SETUP FUNCTIONS
//BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED
function ClearTextBoxes(){
var NList = document.getElementsByTagName('input');
for (var i=0; i<NList.length; i++){
if ((NList[i].id.indexOf('Guess') > -1)||(NList[i].id.indexOf('Gap') > -1)){
NList[i].value = '';
}
if (NList[i].id.indexOf('Chk') > -1){
NList[i].checked = '';
}
}
}
//EXTENSION TO ARRAY OBJECT
function Array_IndexOf(Input){
var Result = -1;
for (var i=0; i<this.length; i++){
if (this[i] == Input){
Result = i;
}
}
return Result;
}
Array.prototype.indexOf = Array_IndexOf;
//IE HAS RENDERING BUG WITH BOTTOM NAVBAR
function RemoveBottomNavBarForIE(){
if ((C.ie)&&(document.getElementById('Reading') != null)){
if (document.getElementById('BottomNavBar') != null){
document.getElementById('TheBody').removeChild(document.getElementById('BottomNavBar'));
}
}
}
//HOTPOTNET-RELATED CODE
var HPNStartTime = (new Date()).getTime();
var SubmissionTimeout = 30000;
var Detail = ''; //Global that is used to submit tracking data
function Finish(){
//If there's a form, fill it out and submit it
if (document.store != null){
Frm = document.store;
Frm.starttime.value = HPNStartTime;
Frm.endtime.value = (new Date()).getTime();
Frm.mark.value = Score;
Frm.detail.value = Detail;
Frm.submit();
}
}
var CorrectIndicator = ':-)';
var IncorrectIndicator = 'X';
var YourScoreIs = 'Your score is ';
var CorrectResponse = 'Correct! Well done.';
var IncorrectResponse = 'Sorry! Try again. Incorrect matches have been removed.';
var TotalUnfixedLeftItems = 0;
var TotCorrectChoices = 0;
var Penalties = 0;
var Finished = false;
var TimeOver = false;
var Score = 0;
var Locked = false;
var ShuffleQs = false;
var QsToShow = 10;
function StartUp(){
RemoveBottomNavBarForIE();
PreloadImages('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSSYAGqA8QgsLuimPZm4NfQq6-E4helArl7DrbTI_lolsW-eBrGPWY_Wy30sfTBOuiXxZLrBqIfOdgjmNPbFaaCEk2azvoNd5OnuZ7evsgrhU4CgWsw67ZIql0FhL6ubmUR9nnXCgQxTw/s1600/100.jpg','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3AvVPSTGG3wf2zWgVXdHPSZAKoL-ye_tlDomnRthLGHyzokqAN4nxv_p7ll-HQCsnJrczZ54NSVj0gSWrjgiE-8MSQVtAb7NgB_CiwsHhxjyYjQ-5hUeXj2R528CRqP2Qb3-dRMu6uq0/s1600/102.jpg','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQi9wMpojzexX7rNVojLKhpRR_iorrZ9lqzAYh4kXch7mpeu9XOe9RZ3fe4GQbPZioXjEV6EgEVZeohPhdcHXscqYygMigz934vgY3twN-uiw8mfm5eS4yG59KDZULygY0sG_waQdMrjM/s1600/103.jpg','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3fNVIRel1YVO2riqAmm5VOhgg8XaBJK1tDp9thswZz2ijZhJK0fqhYwxtLz9ukpFHptzzNC7GMWb5SwdcdwGdplnw2oP9qA-ALZfGJRH_2-uj4GwCwjXkkaRX2motKh-cxW9dl50AYHE/s1600/444.jpg','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8TUoPnjb9qfTfeulZJArVI5rbFJg7ADK6TTYxUBBBmZa0BpGNE2L7YTRgRBSChkpEr2iPtXyP8b1F-EflHKXNtLImDm3eu9HlQVqEw_dM76rUSZnUzKWG415HnUb2M2xnkCtosbOJ1nw/s1600/666.png','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfWKoO4C8LxC7DXrRgSl8pXEIu0nhbU2QS9skgltRH94_UYMGkthwULWZQ0IGa756vDj1m-DfNByO-ENys-es1y0jF_VJMC_IOVKUCKb9BSS7fWYDa8q-Z9hIa9wOkDcJstmmc1jRANkw/s1600/555.jpg','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYH_RiMIZyLVJPzmGHen4YmoNyfP0Jzp4TC5y6xR4psN0kT-W1UqRvfeTIaUU_NcrIuyRabbXaxCTCcP3IVHgRQ_NJOPEKa7feckf8EOzNWfAwtt0uw8JoiP5lyhkTRnVIzW82QxiyWkM/s1600/777.jpg','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCuwwGZjfztv6chY_yuc1C8Ntjk2WAoLwgVuMR1tifc4qRA-3MIMUgaNw2DKus-HQms6azgs8ekR1AIc0NIAyfayXTCj9ncUNtmzgjkMnH32V45K5vtfZtDfi8oFu9px962KybyPeCgZ0/s1600/888.jpg','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mg9aXtQTnMyJb39mnLCHj7rJzWxcXttzFTd9yZg7aW-Y-E5XuVLAwbv4NvKboIkPdOur9LgCCvd7jwYRQ-h2EeXSzxD6o_Eg3brjtV0hwQ-FbD83stzZIsDkfM8sUzdjYHY2jX-OVWA/s1600/101.jpg');
SetUpItems(ShuffleQs,QsToShow);
TotalUnfixedLeftItems = document.getElementById('MatchDiv').getElementsByTagName('select').length;
//Create arrays
CreateStatusArrays();
}
Status = new Array();
function CreateStatusArrays(){
var Selects = document.getElementById('Questions').getElementsByTagName('select');
for (var x=0; x<Selects.length; x++){
Status[x] = new Array();
Status[x][0] = 0; // Item not matched correctly yet
Status[x][1] = 0; //Tries at this item so far
Status[x][2] = Selects[x].id; //Store a ref to the original drop-down
}
}
function GetKeyFromSelectContainer(Container){
var Result = -1;
if (Container.getElementsByTagName('select').length > 0){
var Select = Container.getElementsByTagName('select')[0];
if (Select != null){
Result = parseInt(Select.id.substring(1, Select.id.length));
}
}
return Result;
}
function GetKeyFromSelect(Select){
var Result = -1;
if (Select != null){
Result = parseInt(Select.id.substring(1, Select.id.length));
}
return Result;
}
var OriginalKeys = new Array();
var ReducedKeys = new Array();
function GetUniqueKeys(Container, TargetArray){
TargetArray.length = 0;
var x = -1;
var SList = Container.getElementsByTagName('select');
if (SList.length > 0){
for (var i=0; i<SList.length; i++){
x = GetKeyFromSelect(SList[i]);
if (TargetArray.indexOf(x) < 0){
TargetArray.push(x);
}
}
}
}
function SetUpItems(ShuffleQs, ReduceTo){
var QList = new Array();
var i, j, k, Selects, Options;
//Remove all the table rows and put them in an array for processing
var Qs = document.getElementById('Questions');
//First, get a list of keys
GetUniqueKeys(Qs, OriginalKeys);
//Remove the table rows to an array
while (Qs.getElementsByTagName('tr').length > 0){
QList.push(Qs.removeChild(Qs.getElementsByTagName('tr')[0]));
}
var Reducing = (QList.length > ReduceTo);
//If required, select random rows to delete
if (Reducing == true){
var DumpItem = 0;
while (ReduceTo < QList.length){
//Get a number to delete from the array
DumpItem = Math.floor(QList.length*Math.random());
for (i=DumpItem; i<(QList.length-1); i++){
QList[i] = QList[i+1];
}
QList.length = QList.length-1;
}
}
//Shuffle the rows if necessary
if (ShuffleQs == true){
QList = Shuffle(QList);
}
TotalUnfixedLeftItems = QList.length;
//Write the rows back to the table body
for (i=0; i<QList.length; i++){
Qs.appendChild(QList[i]);
}
//Now we need to remove any drop-down options that no longer have associated select items
if (Reducing == true){
GetUniqueKeys(Qs, ReducedKeys);
Selects = Qs.getElementsByTagName('select');
for (i=0; i<Selects.length; i++){
Options = Selects[i].getElementsByTagName('option');
for (j=Options.length-1; j>=0; j--){
if (OptionRequired(Options[j].value) == false){
Selects[i].removeChild(Options[j]);
}
}
}
}
}
function OptionRequired(Key){
if (ReducedKeys.indexOf(Key) > -1){
return true;
}
else{
if (OriginalKeys.indexOf(Key) > -1){
return false;
}
else{
return true;
}
}
}
function CheckAnswers(){
if (Locked == true){return;}
var Select = null;
var Key = -1;
var Parent = null;
var Answer = null;
var AnsText = '';
var AllDone = true;
TotCorrectChoices = 0;
//for each item not fixed or a distractor
for (var i=0; i<Status.length; i++){
//if it hasn't been answered correctly yet
if (Status[i][0] < 1){
//Add one to the number of tries for this item
Status[i][1]++;
//Get a pointer to the drop-down
Select = document.getElementById(Status[i][2]);
Key = GetKeyFromSelect(Select);
//Check the answer
if (Select.options[Select.selectedIndex].value == Key){
Status[i][0] = 1;
AnsText = Select.options[Select.selectedIndex].innerHTML;
Parent = Select.parentNode;
Parent.removeChild(Select);
Parent.innerHTML = AnsText;
Parent.nextSibling.innerHTML = CorrectIndicator;
}
else{
AllDone = false;
Parent = Select.parentNode;
Parent.nextSibling.innerHTML = IncorrectIndicator;
}
}
//If it's correct, count it
if (Status[i][0] == 1){
TotCorrectChoices++;
}
}
//Calculate the score
Score = Math.floor(((TotCorrectChoices-Penalties)/TotalUnfixedLeftItems)*100);
if (Score<0){Score = 0;}
var Feedback = '';
//Build the feedback
if (AllDone == true){
Feedback = CorrectResponse + '<br />' + YourScoreIs + Score + '%.';
}
else{
Feedback = IncorrectResponse + '<br />' + YourScoreIs + Score + '%.';
//Penalty for incorrect check
Penalties++;
}
//If the exercise is over, deal with that
if ((AllDone == true)||(TimeOver == true)){
TimeOver = true;
Locked = true;
Finished = true;
setTimeout('Finish()', SubmissionTimeout);
WriteToInstructions(Feedback);
}
//Show the feedback
ShowMessage(Feedback);
}
//-->
//]]>
</script>
</head>
<body onload="StartUp()" id="TheBody">
<!-- BeginTopNavButtons -->
<div class="NavButtonBar" id="TopNavBar">
<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='contents.htm'; return false;"> Index </button>
<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='nextpage.htm'; return false;">=></button>
</div>
<!-- EndTopNavButtons -->
<div class="Titles">
<h2 class="ExerciseTitle">เพ็นท์เล็บการ์ตูนที่สวยที่สุด</h2>
<h3 class="ExerciseSubtitle">Matching exercise</h3>
</div>
<div id="InstructionsDiv" class="StdDiv">
<p id="Instructions">Match the items on the right to the items on the left.</p>
</div>
<div id="MainDiv" class="StdDiv">
<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()"> Check </button>
<div id="MatchDiv" style="text-align: center;">
<form id="QForm" method="post" action="" onsubmit="return false;">
<table border="0" style="margin: 2em auto 2em auto;"><tbody id="Questions">
<tr><td class="LeftItem"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSSYAGqA8QgsLuimPZm4NfQq6-E4helArl7DrbTI_lolsW-eBrGPWY_Wy30sfTBOuiXxZLrBqIfOdgjmNPbFaaCEk2azvoNd5OnuZ7evsgrhU4CgWsw67ZIql0FhL6ubmUR9nnXCgQxTw/s1600/100.jpg" alt="???" title="???" width="200" height="160"></img></td><td class="RightItem"><select id="s0_0"><option value="x">???</option>
<option value="8">เล็บลายจุดมีโบว์</option>
<option value="2">เล็บโทนสีดำทองเก๋เก๋</option>
<option value="4">เล็บสีเก๋เก๋เบาเบา</option>
<option value="5">เล็บลายสำหรับวัยรุ่นน่ารักใสใส</option>
<option value="9">เล็บสำหรับวัยรุ่นน่ารักๆ</option>
<option value="0">เล็บลายโบว์เก๋เก๋</option>
<option value="1">เล็บลายหัวใจเก๋เก๋</option>
<option value="7">เล็บสีหวานๆ</option>
<option value="3">เล็บลายหรูๆ</option>
<option value="6">เล็บลายหัวใจสำหรับคนมีความรัก</option>
</select></td><td></td></tr><tr><td class="LeftItem"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3AvVPSTGG3wf2zWgVXdHPSZAKoL-ye_tlDomnRthLGHyzokqAN4nxv_p7ll-HQCsnJrczZ54NSVj0gSWrjgiE-8MSQVtAb7NgB_CiwsHhxjyYjQ-5hUeXj2R528CRqP2Qb3-dRMu6uq0/s1600/102.jpg" alt="???" title="???" width="200" height="160"></img></td><td class="RightItem"><select id="s1_1"><option value="x">???</option>
<option value="8">เล็บลายจุดมีโบว์</option>
<option value="2">เล็บโทนสีดำทองเก๋เก๋</option>
<option value="4">เล็บสีเก๋เก๋เบาเบา</option>
<option value="5">เล็บลายสำหรับวัยรุ่นน่ารักใสใส</option>
<option value="9">เล็บสำหรับวัยรุ่นน่ารักๆ</option>
<option value="0">เล็บลายโบว์เก๋เก๋</option>
<option value="1">เล็บลายหัวใจเก๋เก๋</option>
<option value="7">เล็บสีหวานๆ</option>
<option value="3">เล็บลายหรูๆ</option>
<option value="6">เล็บลายหัวใจสำหรับคนมีความรัก</option>
</select></td><td></td></tr><tr><td class="LeftItem"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQi9wMpojzexX7rNVojLKhpRR_iorrZ9lqzAYh4kXch7mpeu9XOe9RZ3fe4GQbPZioXjEV6EgEVZeohPhdcHXscqYygMigz934vgY3twN-uiw8mfm5eS4yG59KDZULygY0sG_waQdMrjM/s1600/103.jpg" alt="???" title="???" width="200" height="160"></img></td><td class="RightItem"><select id="s2_2"><option value="x">???</option>
<option value="8">เล็บลายจุดมีโบว์</option>
<option value="2">เล็บโทนสีดำทองเก๋เก๋</option>
<option value="4">เล็บสีเก๋เก๋เบาเบา</option>
<option value="5">เล็บลายสำหรับวัยรุ่นน่ารักใสใส</option>
<option value="9">เล็บสำหรับวัยรุ่นน่ารักๆ</option>
<option value="0">เล็บลายโบว์เก๋เก๋</option>
<option value="1">เล็บลายหัวใจเก๋เก๋</option>
<option value="7">เล็บสีหวานๆ</option>
<option value="3">เล็บลายหรูๆ</option>
<option value="6">เล็บลายหัวใจสำหรับคนมีความรัก</option>
</select></td><td></td></tr><tr><td class="LeftItem"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3fNVIRel1YVO2riqAmm5VOhgg8XaBJK1tDp9thswZz2ijZhJK0fqhYwxtLz9ukpFHptzzNC7GMWb5SwdcdwGdplnw2oP9qA-ALZfGJRH_2-uj4GwCwjXkkaRX2motKh-cxW9dl50AYHE/s1600/444.jpg" alt="???" title="???" width="200" height="160"></img></td><td class="RightItem"><select id="s3_3"><option value="x">???</option>
<option value="8">เล็บลายจุดมีโบว์</option>
<option value="2">เล็บโทนสีดำทองเก๋เก๋</option>
<option value="4">เล็บสีเก๋เก๋เบาเบา</option>
<option value="5">เล็บลายสำหรับวัยรุ่นน่ารักใสใส</option>
<option value="9">เล็บสำหรับวัยรุ่นน่ารักๆ</option>
<option value="0">เล็บลายโบว์เก๋เก๋</option>
<option value="1">เล็บลายหัวใจเก๋เก๋</option>
<option value="7">เล็บสีหวานๆ</option>
<option value="3">เล็บลายหรูๆ</option>
<option value="6">เล็บลายหัวใจสำหรับคนมีความรัก</option>
</select></td><td></td></tr><tr><td class="LeftItem"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8TUoPnjb9qfTfeulZJArVI5rbFJg7ADK6TTYxUBBBmZa0BpGNE2L7YTRgRBSChkpEr2iPtXyP8b1F-EflHKXNtLImDm3eu9HlQVqEw_dM76rUSZnUzKWG415HnUb2M2xnkCtosbOJ1nw/s1600/666.png" alt="???" title="???" width="200" height="160"></img></td><td class="RightItem"><select id="s4_4"><option value="x">???</option>
<option value="8">เล็บลายจุดมีโบว์</option>
<option value="2">เล็บโทนสีดำทองเก๋เก๋</option>
<option value="4">เล็บสีเก๋เก๋เบาเบา</option>
<option value="5">เล็บลายสำหรับวัยรุ่นน่ารักใสใส</option>
<option value="9">เล็บสำหรับวัยรุ่นน่ารักๆ</option>
<option value="0">เล็บลายโบว์เก๋เก๋</option>
<option value="1">เล็บลายหัวใจเก๋เก๋</option>
<option value="7">เล็บสีหวานๆ</option>
<option value="3">เล็บลายหรูๆ</option>
<option value="6">เล็บลายหัวใจสำหรับคนมีความรัก</option>
</select></td><td></td></tr><tr><td class="LeftItem"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfWKoO4C8LxC7DXrRgSl8pXEIu0nhbU2QS9skgltRH94_UYMGkthwULWZQ0IGa756vDj1m-DfNByO-ENys-es1y0jF_VJMC_IOVKUCKb9BSS7fWYDa8q-Z9hIa9wOkDcJstmmc1jRANkw/s1600/555.jpg" alt="???" title="???" width="200" height="160"></img></td><td class="RightItem"><select id="s5_5"><option value="x">???</option>
<option value="8">เล็บลายจุดมีโบว์</option>
<option value="2">เล็บโทนสีดำทองเก๋เก๋</option>
<option value="4">เล็บสีเก๋เก๋เบาเบา</option>
<option value="5">เล็บลายสำหรับวัยรุ่นน่ารักใสใส</option>
<option value="9">เล็บสำหรับวัยรุ่นน่ารักๆ</option>
<option value="0">เล็บลายโบว์เก๋เก๋</option>
<option value="1">เล็บลายหัวใจเก๋เก๋</option>
<option value="7">เล็บสีหวานๆ</option>
<option value="3">เล็บลายหรูๆ</option>
<option value="6">เล็บลายหัวใจสำหรับคนมีความรัก</option>
</select></td><td></td></tr><tr><td class="LeftItem"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYH_RiMIZyLVJPzmGHen4YmoNyfP0Jzp4TC5y6xR4psN0kT-W1UqRvfeTIaUU_NcrIuyRabbXaxCTCcP3IVHgRQ_NJOPEKa7feckf8EOzNWfAwtt0uw8JoiP5lyhkTRnVIzW82QxiyWkM/s1600/777.jpg" alt="???" title="???" width="200" height="160"></img></td><td class="RightItem"><select id="s6_6"><option value="x">???</option>
<option value="8">เล็บลายจุดมีโบว์</option>
<option value="2">เล็บโทนสีดำทองเก๋เก๋</option>
<option value="4">เล็บสีเก๋เก๋เบาเบา</option>
<option value="5">เล็บลายสำหรับวัยรุ่นน่ารักใสใส</option>
<option value="9">เล็บสำหรับวัยรุ่นน่ารักๆ</option>
<option value="0">เล็บลายโบว์เก๋เก๋</option>
<option value="1">เล็บลายหัวใจเก๋เก๋</option>
<option value="7">เล็บสีหวานๆ</option>
<option value="3">เล็บลายหรูๆ</option>
<option value="6">เล็บลายหัวใจสำหรับคนมีความรัก</option>
</select></td><td></td></tr><tr><td class="LeftItem"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYH_RiMIZyLVJPzmGHen4YmoNyfP0Jzp4TC5y6xR4psN0kT-W1UqRvfeTIaUU_NcrIuyRabbXaxCTCcP3IVHgRQ_NJOPEKa7feckf8EOzNWfAwtt0uw8JoiP5lyhkTRnVIzW82QxiyWkM/s1600/777.jpg" alt="???" title="???" width="200" height="160"></img></td><td class="RightItem"><select id="s7_7"><option value="x">???</option>
<option value="8">เล็บลายจุดมีโบว์</option>
<option value="2">เล็บโทนสีดำทองเก๋เก๋</option>
<option value="4">เล็บสีเก๋เก๋เบาเบา</option>
<option value="5">เล็บลายสำหรับวัยรุ่นน่ารักใสใส</option>
<option value="9">เล็บสำหรับวัยรุ่นน่ารักๆ</option>
<option value="0">เล็บลายโบว์เก๋เก๋</option>
<option value="1">เล็บลายหัวใจเก๋เก๋</option>
<option value="7">เล็บสีหวานๆ</option>
<option value="3">เล็บลายหรูๆ</option>
<option value="6">เล็บลายหัวใจสำหรับคนมีความรัก</option>
</select></td><td></td></tr><tr><td class="LeftItem"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCuwwGZjfztv6chY_yuc1C8Ntjk2WAoLwgVuMR1tifc4qRA-3MIMUgaNw2DKus-HQms6azgs8ekR1AIc0NIAyfayXTCj9ncUNtmzgjkMnH32V45K5vtfZtDfi8oFu9px962KybyPeCgZ0/s1600/888.jpg" alt="???" title="???" width="200" height="160"></img></td><td class="RightItem"><select id="s8_8"><option value="x">???</option>
<option value="8">เล็บลายจุดมีโบว์</option>
<option value="2">เล็บโทนสีดำทองเก๋เก๋</option>
<option value="4">เล็บสีเก๋เก๋เบาเบา</option>
<option value="5">เล็บลายสำหรับวัยรุ่นน่ารักใสใส</option>
<option value="9">เล็บสำหรับวัยรุ่นน่ารักๆ</option>
<option value="0">เล็บลายโบว์เก๋เก๋</option>
<option value="1">เล็บลายหัวใจเก๋เก๋</option>
<option value="7">เล็บสีหวานๆ</option>
<option value="3">เล็บลายหรูๆ</option>
<option value="6">เล็บลายหัวใจสำหรับคนมีความรัก</option>
</select></td><td></td></tr><tr><td class="LeftItem"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mg9aXtQTnMyJb39mnLCHj7rJzWxcXttzFTd9yZg7aW-Y-E5XuVLAwbv4NvKboIkPdOur9LgCCvd7jwYRQ-h2EeXSzxD6o_Eg3brjtV0hwQ-FbD83stzZIsDkfM8sUzdjYHY2jX-OVWA/s1600/101.jpg" alt="???" title="???" width="200" height="160"></img></td><td class="RightItem"><select id="s9_9"><option value="x">???</option>
<option value="8">เล็บลายจุดมีโบว์</option>
<option value="2">เล็บโทนสีดำทองเก๋เก๋</option>
<option value="4">เล็บสีเก๋เก๋เบาเบา</option>
<option value="5">เล็บลายสำหรับวัยรุ่นน่ารักใสใส</option>
<option value="9">เล็บสำหรับวัยรุ่นน่ารักๆ</option>
<option value="0">เล็บลายโบว์เก๋เก๋</option>
<option value="1">เล็บลายหัวใจเก๋เก๋</option>
<option value="7">เล็บสีหวานๆ</option>
<option value="3">เล็บลายหรูๆ</option>
<option value="6">เล็บลายหัวใจสำหรับคนมีความรัก</option>
</select></td><td></td></tr>
</tbody></table>
</form>
</div>
<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()"> Check </button>
</div>
<div class="Feedback" id="FeedbackDiv">
<div class="FeedbackText" id="FeedbackContent"></div>
<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;"> OK </button>
</div>
<!-- BeginBottomNavButtons -->
<div class="NavButtonBar" id="BottomNavBar">
<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='contents.htm'; return false;"> Index </button>
<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='nextpage.htm'; return false;">=></button>
</div>
<!-- EndBottomNavButtons -->
<!-- BeginSubmissionForm -->
<!-- EndSubmissionForm -->
</body>
</html>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น