pruebaHP

Colors/Colores

 /* This is the CSS stylesheet used in the exercise. */ /* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */ /* BeginCorePageCSS */ /* Made with executable version 6.3 Release 0 Build 4 */ /* Hack to hide a nested Quicktime player from IE, which can't handle it. */	display: none; } body{ font-family: Geneva,Arial,sans-serif; background-color: #C0C0C0; color: #000000; margin-right: 5%; margin-left: 5%; font-size: small; } p{	text-align: left; margin: 0px; font-size: 100%; } table,div,span,td{ font-size: 100%; color: #000000; } div.Titles{ padding: 0.5em;; text-align: center; color: #000000; } button{ font-family: Geneva,Arial,sans-serif; font-size: 100%; display: inline; } .ExerciseTitle{ font-size: 140%; color: #000000; } .ExerciseSubtitle{ font-size: 120%; color: #000000; } div.StdDiv{ background-color: #FFFFFF; text-align: center; font-size: 100%; color: #000000; padding: 0.5em; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #000000; margin-bottom: 1px; } /* EndCorePageCSS */ .RTLText{ text-align: right; font-size: 150%; direction: rtl; font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif; } .CentredRTLText{ text-align: center; font-size: 150%; direction: rtl; font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif; } button p.RTLText{ text-align: center; } .RTLGapBox{ text-align: right; font-size: 150%; direction: rtl; font-family: "Times New Roman", Geneva,Arial,sans-serif; } .Guess{ font-weight: bold; } .CorrectAnswer{ font-weight: bold; } div#Timer{ padding: 0.25em; margin-left: auto; margin-right: auto; text-align: center; color: #000000; } span#TimerText{ padding: 0.25em; border-width: 1px; border-style: solid; font-weight: bold; display: none; color: #000000; } span.Instructions{ } div.ExerciseText{ } .FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{ color: #000000; } .LeftItem{ font-size: 100%; color: #000000; text-align: left; } .RightItem{ font-weight: bold; font-size: 100%; color: #000000; } span.CorrectMark{ } input, textarea{ font-family: Geneva,Arial,sans-serif; font-size: 120%; } select{ font-size: 100%; } div.Feedback { background-color: #C0C0C0; left: 33%; width: 34%; top: 33%; z-index: 1; border-style: solid; border-width: 1px; padding: 5px; text-align: center; color: #000000; position: absolute; display: none; font-size: 100%; } div.ExerciseDiv{ color: #000000; } /* JMatch flashcard styles */ table.FlashcardTable{ background-color: transparent; color: #000000; border-color: #000000; margin-left: 5%; margin-right: 5%; margin-top: 2em; margin-bottom: 2em; width: 90%; position: relative; text-align: center; padding: 0px; } table.FlashcardTable tr{ border-style: none; margin: 0px; padding: 0px; background-color: #FFFFFF; } table.FlashcardTable td.Showing{ font-size: 140%; text-align: center; width: 50%; display: table-cell; padding: 2em; margin: 0px; border-style: solid; border-width: 1px; color: #000000; background-color: #FFFFFF; } table.FlashcardTable td.Hidden{ display: none; } /* JMix styles */ div#SegmentDiv{ margin-top: 2em; margin-bottom: 2em; text-align: center; } a.ExSegment{ font-size: 120%; font-weight: bold; text-decoration: none; color: #000000; } span.RemainingWordList{ font-style: italic; } div.DropLine { position: absolute; text-align: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #000000; width: 80%; } /* JCloze styles */ .ClozeWordList{ text-align: center; font-weight: bold; } div.ClozeBody{ text-align: left; margin-top: 2em; margin-bottom: 2em; line-height: 2.0 } span.GapSpan{ font-weight: bold; } /* JCross styles */ table.CrosswordGrid{ margin: auto auto 1em auto; border-collapse: collapse; padding: 0px; background-color: #000000; } table.CrosswordGrid tbody tr td{ width: 1.5em; height: 1.5em; text-align: center; vertical-align: middle; font-size: 140%; padding: 1px; margin: 0px; border-style: solid; border-width: 1px; border-color: #000000; color: #000000; } table.CrosswordGrid span{ color: #000000; } table.CrosswordGrid td.BlankCell{ background-color: #000000; color: #000000; } table.CrosswordGrid td.LetterOnlyCell{ text-align: center; vertical-align: middle; background-color: #ffffff; color: #000000; font-weight: bold; } table.CrosswordGrid td.NumLetterCell{ text-align: left; vertical-align: top; background-color: #ffffff; color: #000000; padding: 1px; font-weight: bold; } .NumLetterCellText{ cursor: pointer; color: #000000; } .GridNum{ vertical-align: super; font-size: 66%; font-weight: bold; text-decoration: none; color: #000000; } .GridNum:hover, .GridNum:visited{ color: #000000; } table#Clues{ margin: auto; vertical-align: top; } table#Clues td{ vertical-align: top; } table.ClueList{ margin: auto; } td.ClueNum{ text-align: right; font-weight: bold; vertical-align: top; } td.Clue{ text-align: left; } div#ClueEntry{ text-align: left; margin-bottom: 1em; } /* Keypad styles */ div.Keypad{ text-align: center; display: none; /* initially hidden, shown if needed */ margin-bottom: 0.5em; } div.Keypad button{ font-family: Geneva,Arial,sans-serif; font-size: 120%; background-color: #ffffff; color: #000000; width: 2em; } /* JQuiz styles */ div.QuestionNavigation{ text-align: center; } .QNum{ margin: 0em 1em 0.5em 1em; font-weight: bold; vertical-align: middle; } textarea{ font-family: Geneva,Arial,sans-serif; } .QuestionText{ text-align: left; margin: 0px; font-size: 100%; } .Answer{ font-size: 120%; letter-spacing: 0.1em; } .PartialAnswer{ font-size: 120%; letter-spacing: 0.1em; color: #000000; } .Highlight{ color: #000000; background-color: #ffff00; font-weight: bold; font-size: 120%; } ol.QuizQuestions{ text-align: left; list-style-type: none; } li.QuizQuestion{ padding: 1em; border-style: solid; border-width: 0px 0px 1px 0px; } ol.MCAnswers{ text-align: left; list-style-type: upper-alpha; padding: 1em; } ol.MCAnswers li{ margin-bottom: 1em; } ol.MSelAnswers{ text-align: left; list-style-type: lower-alpha; padding: 1em; } div.ShortAnswer{ padding: 1em; } .FuncButton { text-align: center; border-style: solid; border-left-color: #ffffff; border-top-color: #ffffff; border-right-color: #7f7f7f; border-bottom-color: #7f7f7f; color: #000000; background-color: #FFFFFF; border-width: 2px; padding: 3px 6px 3px 6px; cursor: pointer; } .FuncButtonUp { color: #FFFFFF; text-align: center; border-style: solid; border-left-color: #ffffff; border-top-color: #ffffff; border-right-color: #7f7f7f; border-bottom-color: #7f7f7f; background-color: #000000; color: #FFFFFF; border-width: 2px; padding: 3px 6px 3px 6px; cursor: pointer; } .FuncButtonDown { color: #FFFFFF; text-align: center; border-style: solid; border-left-color: #7f7f7f; border-top-color: #7f7f7f; border-right-color: #ffffff; border-bottom-color: #ffffff; background-color: #000000; color: #FFFFFF; border-width: 2px; padding: 3px 6px 3px 6px; cursor: pointer; } /*BeginNavBarStyle*/ div.NavButtonBar{ background-color: #000000; text-align: center; margin: 2px 0px 2px 0px; clear: both; font-size: 100%; } .NavButton { border-style: solid; border-left-color: #7f7f7f; border-top-color: #7f7f7f; border-right-color: #000000; border-bottom-color: #000000; background-color: #000000; color: #ffffff; border-width: 2px; cursor: pointer; } .NavButtonUp { border-style: solid; border-left-color: #7f7f7f; border-top-color: #7f7f7f; border-right-color: #000000; border-bottom-color: #000000; color: #000000; background-color: #ffffff; border-width: 2px; cursor: pointer; } .NavButtonDown { border-style: solid; border-left-color: #000000; border-top-color: #000000; border-right-color: #7f7f7f; border-bottom-color: #7f7f7f; color: #000000; background-color: #ffffff; border-width: 2px; cursor: pointer; } /*EndNavBarStyle*/ a{ color: #0000FF; } a:visited{ color: #0000CC; } a:hover{ color: #0000FF; } div.CardStyle { position: absolute; font-family: Geneva,Arial,sans-serif; font-size: 100%; padding: 5px; border-style: solid; border-width: 1px; color: #000000; background-color: #FFFFFF; left: -50px; top: -50px; overflow: visible; } .rtl{ text-align: right; font-size: 140%; }  //<![CDATA[  1); if (this.gecko){ this.geckoVer = parseInt(this.ua.substring(this.ua.indexOf('Gecko')+6, this.ua.length)); if (this.geckoVer < 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 + '
 * html object.MediaPlayerNotForIE {

';	document.getElementById('FeedbackContent').innerHTML = Output; var FDiv = document.getElementById('FeedbackDiv'); topZ++; FDiv.style.zIndex = topZ; FDiv.style.top = TopSettingWithScrollOffset(30) + 'px'; FDiv.style.display = 'block'; ShowElements(false, 'input'); ShowElements(false, 'select'); ShowElements(false, 'object'); ShowElements(true, 'object', 'FeedbackContent'); //Focus the OK button setTimeout("document.getElementById('FeedbackOKButton').focus", 50); // } function ShowElements(Show, TagName, ContainerToReverse){ // added third argument to allow objects in the feedback box to appear //IE bug -- hide all the form elements that will show through the popup //FF on Mac bug : doesn't redisplay objects whose visibility is set to visible //unless the object's display property is changed //get container object (by Id passed in, or use document otherwise) TopNode = document.getElementById(ContainerToReverse); var Els; if (TopNode != null) { Els = TopNode.getElementsByTagName(TagName); } else { Els = document.getElementsByTagName(TagName); }	for (var i=0; i<Els.length; i++){ if (TagName == "object") { //manipulate object elements in all browsers if (Show == true){ Els[i].style.visibility = 'visible'; //get Mac FireFox to manipulate display, to force screen redraw if (C.mac && C.gecko) {Els[i].style.display = '';} }			else{ Els[i].style.visibility = 'hidden'; if (C.mac && C.gecko) {Els[i].style.display = 'none';} }		} 		else { // tagName is either input or select (that is, Form Elements) // ie6 has a problem with Form elements, so manipulate those if (C.ie) { if (C.ieVer < 7) { if (Show == true){ Els[i].style.visibility = 'visible'; }					else{ Els[i].style.visibility = 'hidden'; }				}			}		}	} } 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 (typeof(window.pageYOffset) == 'number'){ return window.pageYOffset; }	else{ if ((document.body)&&(document.body.scrollTop)){ return document.body.scrollTop; }		else{ if ((document.documentElement)&&(document.documentElement.scrollTop)){ return document.documentElement.scrollTop; }			else{ return 0; }		}	} } function GetViewportHeight{ if (typeof window.innerHeight != 'undefined'){ return window.innerHeight; }	else{ if (((typeof document.documentElement != 'undefined')&&(typeof document.documentElement.clientHeight !=    'undefined'))&&(document.documentElement.clientHeight != 0)){ return document.documentElement.clientHeight; }		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; } function EscapeDoubleQuotes(InString){ return InString.replace(/"/g, '"') } function TrimString(InString){ var x = 0; if (InString.length != 0) { while ((InString.charAt(InString.length - 1) == '\u0020') || (InString.charAt(InString.length - 1) == '\u000A') || (InString.charAt(InString.length - 1) == '\u000D')){ InString = InString.substring(0, InString.length - 1) }               while ((InString.charAt(0) == '\u0020') || (InString.charAt(0) == '\u000A') || (InString.charAt(0) == '\u000D')){ InString = InString.substring(1, InString.length) }               while (InString.indexOf('  ') != -1) { x = InString.indexOf(' ') InString = InString.substring(0, x) + InString.substring(x+1, InString.length) }               return InString; }       else { return ''; } } function FindLongest(InArray){ if (InArray.length < 1){return -1;} var Longest = 0; for (var i=1; i InArray[Longest].length){ Longest = i;		} }	return Longest; } //UNICODE CHARACTER FUNCTIONS function IsCombiningDiacritic(CharNum){ var Result = (((CharNum >= 0x0300)&&(CharNum <= 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 -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; } } function Card(ID, OverlapTolerance){ this.elm=document.getElementById(ID); this.name=ID; this.css=this.elm.style; this.elm.style.left = 0 +'px'; this.elm.style.top = 0 +'px'; this.HomeL = 0; this.HomeT = 0; this.tag=-1; this.index=-1; this.OverlapTolerance = OverlapTolerance; } function CardGetL{return parseInt(this.css.left)} Card.prototype.GetL=CardGetL; function CardGetT{return parseInt(this.css.top)} Card.prototype.GetT=CardGetT; function CardGetW{return parseInt(this.elm.offsetWidth)} Card.prototype.GetW=CardGetW; function CardGetH{return parseInt(this.elm.offsetHeight)} Card.prototype.GetH=CardGetH; function CardGetB{return this.GetT+this.GetH} Card.prototype.GetB=CardGetB; function CardGetR{return this.GetL+this.GetW} Card.prototype.GetR=CardGetR; function CardSetL(NewL){this.css.left = NewL+'px'} Card.prototype.SetL=CardSetL; function CardSetT(NewT){this.css.top = NewT+'px'} Card.prototype.SetT=CardSetT; function CardSetW(NewW){this.css.width = NewW+'px'} Card.prototype.SetW=CardSetW; function CardSetH(NewH){this.css.height = NewH+'px'} Card.prototype.SetH=CardSetH; function CardInside(X,Y){ var Result=false; if(X>=this.GetL){if(X<=this.GetR){if(Y>=this.GetT){if(Y<=this.GetB){Result=true;}}}} return Result; } Card.prototype.Inside=CardInside; function CardSwapColours{ var c=this.css.backgroundColor; this.css.backgroundColor=this.css.color; this.css.color=c; } Card.prototype.SwapColours=CardSwapColours; function CardHighlight{ this.css.backgroundColor='#000000'; this.css.color='#FFFFFF'; } Card.prototype.Highlight=CardHighlight; function CardUnhighlight{ this.css.backgroundColor='#FFFFFF'; this.css.color='#000000'; } Card.prototype.Unhighlight=CardUnhighlight; function CardOverlap(OtherCard){ var smR=(this.GetR<(OtherCard.GetR+this.OverlapTolerance))? this.GetR: (OtherCard.GetR+this.OverlapTolerance); var lgL=(this.GetL>OtherCard.GetL)? this.GetL: OtherCard.GetL; var HDim=smR-lgL; if (HDim<1){return 0;} var smB=(this.GetBOtherCard.GetT)? this.GetT: OtherCard.GetT; var VDim=smB-lgT; if (VDim<1){return 0;} return (HDim*VDim); } Card.prototype.Overlap=CardOverlap; function CardDockToR(OtherCard){ this.SetL(OtherCard.GetR + 5); this.SetT(OtherCard.GetT); } Card.prototype.DockToR=CardDockToR; function CardSetHome{ this.HomeL=this.GetL; this.HomeT=this.GetT; } Card.prototype.SetHome=CardSetHome; function CardGoHome{ this.SetL(this.HomeL); this.SetT(this.HomeT); } Card.prototype.GoHome=CardGoHome; //Fix for 6.2.5.2: avoid image dragging problem in draggable cards function CardSetHTML(HTML){ this.elm.innerHTML = HTML; var DragImgs = this.elm.getElementsByTagName('img'); if (DragImgs.length > 0){ for (var i=0; i<DragImgs.length; i++){ DragImgs[i]. onmousedown = function{return false;} }	} } Card.prototype.SetHTML = CardSetHTML; function doDrag(e) { if (CurrDrag == -1) {return}; if (C.ie){var Ev = window.event}else{var Ev = e}	var difX = Ev.clientX-window.lastX; var difY = Ev.clientY-window.lastY; var newX = DC[CurrDrag].GetL+difX; var newY = DC[CurrDrag].GetT+difY; DC[CurrDrag].SetL(newX); DC[CurrDrag].SetT(newY); window.lastX = Ev.clientX; window.lastY = Ev.clientY; return false; } function beginDrag(e, DragNum) { CurrDrag = DragNum; if (C.ie){ var Ev = window.event; document.onmousemove=doDrag; document.onmouseup=endDrag; }	else{ var Ev = e;		window.onmousemove=doDrag; window.onmouseup=endDrag; } 	DC[CurrDrag].Highlight; topZ++; DC[CurrDrag].css.zIndex = topZ; window.lastX=Ev.clientX; window.lastY=Ev.clientY; return false; } function endDrag(e) { if (CurrDrag == -1) {return}; DC[CurrDrag].Unhighlight; if (C.ie){document.onmousemove=null}else{window.onmousemove=null;} onEndDrag; CurrDrag = -1; //Need a bugfix for Opera focus problem here if (C.opera){FocusAButton;} return true; } var CurrDrag = -1; var topZ = 100; //JMATCH-SPECIFIC CORE JAVASCRIPT CODE var CorrectResponse = 'Correct! Well done.'; var IncorrectResponse = 'Sorry! Try again. Incorrect matches have been removed.'; var YourScoreIs = 'Your score is '; var DivWidth = 600; //default value var FeedbackWidth = 200; //default var ExBGColor = '#FFFFFF'; var PageBGColor = '#C0C0C0'; var TextColor = '#000000'; var TitleColor = '#000000'; var Penalties = 0; var Score = 0; var TimeOver = false; var Locked = false; var ShuffleQs = false; var QsToShow = 5; var DragWidth = 200; var LeftColPos = 100; var RightColPos = 500; var DragTop = 120; var Finished = false; var AnswersTried = ''; //Fixed and draggable card arrays FC = new Array; DC = new Array; function onEndDrag{ //Is it dropped on any of the fixed cards? var Docked = false; var DropTarget = DroppedOnFixed(CurrDrag); if (DropTarget > -1){ //If so, send home any card that is currently docked there for (var i=0; i OverlapArea){ OverlapArea = Temp; Result = i;		} }	return Result; } function StartUp{ //Calculate page dimensions and positions pg = new PageDim; DivWidth = Math.floor((pg.W*4)/5); DragWidth = Math.floor((DivWidth*3)/10); LeftColPos = Math.floor(pg.W/15); RightColPos = pg.W - (DragWidth + LeftColPos); DragTop = parseInt(document.getElementById('CheckButtonDiv').offsetHeight) + parseInt(document.getElementById('CheckButtonDiv').offsetTop) + 10; if (C.ie){ DragTop += 15; } //Reduce array if required if (QsToShow < F.length){ ReduceItems2; } //Shuffle the left items if required if (ShuffleQs == true){ F = Shuffle(F); } //Shuffle the items on the right D = Shuffle(D); var CurrTop = DragTop; var TempInt = 0; var DropHome = 0; var Widest = 0; var CardContent = ''; for (var i=0; i Widest){ Widest = FC[i].GetW; }	}	if (Widest > DragWidth){Widest = DragWidth;} CurrTop = DragTop; DragWidth = Math.floor((DivWidth-Widest)/2) - 24; RightColPos = DivWidth + LeftColPos - (DragWidth + 14); var Highest = 0; var WidestRight = 0; for (i=0; i DragWidth){DC[i].SetW(DragWidth);} DC[i].css.cursor = 'move'; DC[i].css.backgroundColor = '#FFFFFF'; DC[i].css.color = '#000000'; TempInt = DC[i].GetH; if (TempInt > Highest){Highest = TempInt;} TempInt = DC[i].GetW; if (TempInt > WidestRight){WidestRight = TempInt;} } //Fix for 6.2: the reduction by 12 seems to be required -- no idea why! var HeightToSet = Highest-12; var WidthToSet = WidestRight-12; for (i=0; i<D.length; i++){ DC[i].SetT(CurrTop); DC[i].SetL(RightColPos); if (DC[i].GetH < Highest){ DC[i].SetH(HeightToSet); }		if (DC[i].GetW < WidestRight){ DC[i].SetW(WidthToSet); }		DC[i].SetHome; DC[i].tag = -1; CurrTop = CurrTop + DC[i].GetH + 5; }	CurrTop = DragTop; for (var i=0; i<F.length; i++){ FC[i].SetW(Widest); if (FC[i].GetH < Highest){ FC[i].SetH(HeightToSet); }		FC[i].SetT(CurrTop); FC[i].SetL(LeftColPos); FC[i].SetHome; TempInt = FC[i].GetH; CurrTop = CurrTop + TempInt + 5; } } F = new Array; F[0] = new Array; F[0][0]='Amarillo'; F[0][1] = 1; F[1] = new Array; F[1][0]='Azul'; F[1][1] = 2; F[2] = new Array; F[2][0]='Rojo'; F[2][1] = 3; F[3] = new Array; F[3][0]='Verde'; F[3][1] = 4; F[4] = new Array; F[4][0]='Negro'; F[4][1] = 5; D = new Array; D[0] = new Array; D[0][0]='Yellow'; D[0][1] = 1; D[0][2] = 0; D[1] = new Array; D[1][0]='Blue'; D[1][1] = 2; D[1][2] = 0; D[2] = new Array; D[2][0]='Red'; D[2][1] = 3; D[2][2] = 0; D[3] = new Array; D[3][0]='Green'; D[3][1] = 4; D[3][2] = 0; D[4] = new Array; D[4][0]='Black'; D[4][1] = 5; D[4][2] = 0; function ReduceItems2{ var ItemToDump=0; var j=0; while (F.length > QsToShow){ ItemToDump = Math.floor(F.length*Math.random); for (j=ItemToDump; j<(F.length-1); j++){ F[j] = F[j+1]; }		for (j=ItemToDump; j<(D.length-1); j++){ D[j] = D[j+1]; }				F.length = F.length-1; D.length = D.length-1; } } function TimerStartUp{ setTimeout('StartUp', 300); } function CheckAnswers{ if (Locked == true){return;} //Set the default score and response var TotalCorrect = 0; Score = 0; var Feedback = ''; //for each fixed, check to see if the tag value for the draggable is the same as the fixed if (AnswersTried.length > 0){AnswersTried += ' | ';} var i, j;	for (i=0; i0){AnswersTried += ',';} AnswersTried += D[i][1] + '.' + D[i][2] + ''; if ((D[i][2] == D[i][1])&&(D[i][2] > 0)){ TotalCorrect++; }		else{ //Change made for version 6.0.3.41: don't send wrong items home, //show them in a more conspicuous way. //			DC[i].GoHome; DC[i].SetL(DC[i].GetL + 10); DC[i].Highlight; }	}	Score = Math.floor((100*(TotalCorrect-Penalties))/F.length); var AllDone = false; if (TotalCorrect == F.length) { AllDone = true; }	if (AllDone == true){ Feedback = YourScoreIs + ' ' + Score + '%.'; ShowMessage(Feedback + ' ' + CorrectResponse); }	else { Feedback = YourScoreIs + ' ' + Score + '%.' + ' ' + IncorrectResponse; ShowMessage(Feedback); Penalties++; // Penalty for inaccurate check } //If the exercise is over, deal with that if ((AllDone == true)||(TimeOver == true)){ TimeOver = true; Locked = true; Finished = true; setTimeout('Finish', SubmissionTimeout); WriteToInstructions(Feedback); } } //--> //]]> 

 Index =&gt;

Colors/Colores Matching exercise Match the items on the right to the items on the left.  Check <script type="text/javascript"> //<![CDATA[

//]]> <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