<html>
<center>D'autres recettes de galette des rois</center> <br> <br> <html> <?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 gwen."></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=“gwen” /> <meta name=“DC:Title” content=“Les ingrédients de la galette des rois à la frangipane.” />
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” />
<title> Les ingrédients de la galette des rois à la frangipane. </title>
<!– Made with executable version 6.3 Release 0 Build 3 –>
<!– The following insertion allows you to add your own code directly to this head tag from the configuration screen –>
<style type=“text/css”> * html object.MediaPlayerNotForIE {
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;
}
.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;
} 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;
} 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%;
}
.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;
}
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;
}
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;
}
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;
}
div.NavButtonBar{
background-color: #b90000; text-align: center; margin: 2px 0px 2px 0px; clear: both; font-size: 100%;
}
.NavButton {
border-style: solid; border-left-color: #dc7f7f; border-top-color: #dc7f7f; border-right-color: #5c0000; border-bottom-color: #5c0000; background-color: #b90000; color: #ffffff;
border-width: 2px; cursor: pointer;
}
.NavButtonUp {
border-style: solid;
border-left-color: #dc7f7f; border-top-color: #dc7f7f; border-right-color: #5c0000; border-bottom-color: #5c0000; color: #b90000; background-color: #ffffff;
border-width: 2px; cursor: pointer;
}
.NavButtonDown {
border-style: solid;
border-left-color: #5c0000; border-top-color: #5c0000; border-right-color: #dc7f7f; border-bottom-color: #dc7f7f; color: #b90000; background-color: #ffffff;
border-width: 2px; cursor: pointer;
}
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%;
}
</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'); 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.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();
}
}
//JCROSS CORE JAVASCRIPT CODE
var InGap = false; var CurrentBox = null; var Feedback = ''; var AcrossCaption = ''; var DownCaption = ''; var Correct = 'Juste !'; var Incorrect = 'Certaines de vos réponses ne sont pas correctes…'; var GiveHint = '*Next correct letter is: '; var YourScoreIs = 'Votre score est de…'; var BuiltGrid = ''; var BuiltExercise = ''; var Penalties = 0; var Score = 0; var InTextBox = false; var Locked = false; var TimeOver = false; var CaseSensitive = false;
var InputStuff = '<form method=“post” action=“” onsubmit=“return false;”>[strClueNum]: '; InputStuff += '[strClue] <input onfocus=“CurrentBox=this;InTextBox=true;” onblur=“InTextBox=false;” id=“[strBoxId]” type=“edit” size=“[strEditSize]” maxlength=“[strMaxLength]”></input>'; InputStuff += ''; InputStuff += ''; InputStuff += '</form>';
var CurrBoxElement = null; var Finished = false;
function StartUp(){
RemoveBottomNavBarForIE();
//Show a keypad if there is one (added bugfix for 6.0.4.12)
if (document.getElementById('CharacterKeypad') != null){
document.getElementById('CharacterKeypad').style.display = 'block';
}
AcrossCaption = document.getElementById('CluesAcrossLabel').innerHTML;
DownCaption = document.getElementById('CluesDownLabel').innerHTML;
}
function GetAnswerLength(Across,x,y){
Result = 0;
if (Across == false){
while ((x<L.length)&&(L[x][y].length > 0)){
Result += L[x][y].length;
x++;
}
return Result;
}
else{
while ((y<L[x].length)&&(L[x][y].length > 0)){
Result += L[x][y].length;
y++;
}
return Result;
}
}
function GetEditSize(Across,x,y){
var Len = GetAnswerLength(Across,x,y);
if (IsCJK(L[x][y].charCodeAt(0))){
Len *= 2;
}
return Len;
}
function ShowClue(ClueNum,x,y){
var Result = '';
var Temp;
var strParams;
var Clue = document.getElementById('Clue_A_' + ClueNum);
if (Clue != null){
Temp = InputStuff.replace(/\[ClueNum\]/g, ClueNum);
Temp = Temp.replace(/\[strClueNum\]/g, AcrossCaption + ' ' + ClueNum);
strParams = 'true,' + ClueNum + ',' + x + ',' + y + ',\'[strBoxId]\'';
Temp = Temp.replace(/\[strParams\]/g, strParams);
Temp = Temp.replace(/\[strBoxId\]/g, 'GA_' + ClueNum + '_' + x + '_' + y);
Temp = Temp.replace(/\[strEditSize\]/g, GetEditSize(true,x,y));
Temp = Temp.replace(/\[strMaxLength\]/g, GetAnswerLength(true,x,y));
Temp = Temp.replace(/\[strClue\]/g, Clue.innerHTML, Temp);
Result += Temp;
}
Clue = document.getElementById('Clue_D_' + ClueNum);
if (Clue != null){
Temp = InputStuff.replace(/\[ClueNum\]/g, ClueNum);
Temp = Temp.replace(/\[strClueNum\]/g, DownCaption + ' ' + ClueNum);
strParams = 'false,' + ClueNum + ',' + x + ',' + y + ',\'[strBoxId]\'';
Temp = Temp.replace(/\[strParams\]/g, strParams);
Temp = Temp.replace(/\[strBoxId\]/g, 'GD_' + ClueNum + '_' + x + '_' + y);
Temp = Temp.replace(/\[strEditSize\]/g, GetAnswerLength(false,x,y));
Temp = Temp.replace(/\[strClue\]/g, Clue.innerHTML, Temp);
Result += Temp;
}
document.getElementById('ClueEntry').innerHTML = Result;
}
function EnterGuess(Across,ClueNum,x,y,BoxId){
if (document.getElementById(BoxId) != null){
var Guess = document.getElementById(BoxId).value;
var AnsLength = GetAnswerLength(Across,x,y);
EnterAnswer(Guess,Across,AnsLength,x,y);
}
}
function SplitStringToPerceivedChars(InString, PC){
var Temp = InString.charAt(0);
if (InString.length > 1){
for (var i=1; i<InString.length; i++){
if (IsCombiningDiacritic(InString.charCodeAt(i)) == true){
Temp += InString.charAt(i);
}
else{
PC.push(Temp);
Temp = InString.charAt(i);
}
}
}
PC.push(Temp);
}
function EnterAnswer(Guess,Across,AnsLength,x,y){
var PC = new Array();
SplitStringToPerceivedChars(Guess, PC);
var i=x;
var j=y;
var Letter = 0;
while (Letter < AnsLength){
if (Letter < PC.length){
G[i][j] = PC[Letter];
if (document.getElementById('L_' + i + '_' + j) != null){
document.getElementById('L_' + i + '_' + j).innerHTML = PC[Letter];
}
}
if (Across == true){
j++;
}
else{
i++;
}
Letter++;
}
}
function SetGridSquareValue(x,y,Val){
var GridId = 'L_' + x + '_' + y;
if (document.getElementById(GridId) != null){
document.getElementById(GridId).innerHTML = Val;
}
}
function ShowHint(Across,ClueNum,x,y,BoxId){
var i=x;
var j=y;
var LetterFromGuess = '';
var LetterFromKey = '';
var OutString = '';
if (Across==true){
while (j<L[i].length){
if (L[i][j] != ''){
OutString += L[i][j];
if (CaseSensitive == true){
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
// if (G[i][j] != L[i][j]){
G[i][j] = L[i][j];
Penalties++;
break;
}
}
else{
break;
}
j++;
}
}
else{
while (i<L.length){
if (L[i][j] != ''){
OutString += L[i][j];
if (CaseSensitive == true){
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
// if (G[i][j] != L[i][j]){
G[i][j] = L[i][j];
Penalties++;
break;
}
}
else{
break;
}
i++;
}
}
if (document.getElementById(BoxId) != null){
document.getElementById(BoxId).value = OutString;
}
}
L = new Array();
L[0] = new Array('B','E','U','R','R','E',);
L[1] = new Array(,,,'H',,,);
L[2] = new Array(,'O','E','U','F','S',);
L[3] = new Array(,,,'M',,'U',);
L[4] = new Array(,,,,,'C',);
L[5] = new Array(,,,,,'R',);
L[6] = new Array('A','M','A','N','D','E','S');
CL = new Array(); CL[0] = new Array(1,0,0,2,0,0,0); CL[1] = new Array(0,0,0,0,0,0,0); CL[2] = new Array(0,3,0,0,0,4,0); CL[3] = new Array(0,0,0,0,0,0,0); CL[4] = new Array(0,0,0,0,0,0,0); CL[5] = new Array(0,0,0,0,0,0,0); CL[6] = new Array(5,0,0,0,0,0,0);
G = new Array();
G[0] = new Array(,,,,,,);
G[1] = new Array(,,,,,,);
G[2] = new Array(,,,,,,);
G[3] = new Array(,,,,,,);
G[4] = new Array(,,,,,,);
G[5] = new Array(,,,,,,);
G[6] = new Array(,,,,,,'');
function CheckAnswers(){
if (Locked == true){return;}
var AllCorrect = true; var TotLetters = 0; var CorrectLetters = 0; var LetterFromKey = ''; var LetterFromGuess = '';
//Check each letter
for (var i=0; i<L.length; i++){
for (var j=0; j<L[i].length; j++){
if (L[i][j] != ''){
TotLetters++;
if (CaseSensitive == true) {
LetterFromKey = L[i][j];
LetterFromGuess = G[i][j];
}
else {
LetterFromKey = L[i][j].toUpperCase();
LetterFromGuess = G[i][j].toUpperCase();
}
if (LetterFromGuess != LetterFromKey){
G[i][j] = '';
//Blank that square in the grid
SetGridSquareValue(i,j,'');
AllCorrect = false;
}
else{
CorrectLetters++;
}
}
}
}
Score = Math.floor(((CorrectLetters-Penalties) * 100)/TotLetters);
if (Score < 0){Score = 0;}
//Compile the output
var Output = '';
if (AllCorrect == true){
Output = Correct + '<br />';
}
Output += YourScoreIs + ' ' + Score + '%.<br />';
if (AllCorrect == false){
Output += Incorrect;
Penalties++;
}
ShowMessage(Output);
WriteToInstructions(Output);
if ((AllCorrect == true)||(TimeOver == true)){
TimeOver = true;
Locked = true;
Finished = true;
setTimeout('Finish()', SubmissionTimeout);
}
}
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.submit();
}
}
function TypeChars(Chars){
if (CurrentBox != null){
CurrentBox.value += Chars;
}
}
//–>
//]]>
</script>
</head>
<body onload=“StartUp()” id=“TheBody” >
<!– BeginTopNavButtons –>
<!– EndTopNavButtons –>
<h2 class="ExerciseTitle">Les ingrédients de la galette des rois à la frangipane.</h2>
<h3 class="ExerciseSubtitle">Mots fléchés</h3>
<div id="Instructions">À l'aide des indices donnés et de la vidéo, retrouvez les différents ingrédients de la galette des rois.</div>
<!– This top button is hidden; uncomment it to reveal it. –> <!– Vérification
–>
<table class=“CrosswordGrid”> <tbody>
<tr id=“Row_0”><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(1,0,0)”>1</a> </td><td class=“LetterOnlyCell”> </td><td class=“LetterOnlyCell”> </td><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(2,0,3)”>2</a> </td><td class=“LetterOnlyCell”> </td><td class=“LetterOnlyCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_1”><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“LetterOnlyCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_2”><td class=“BlankCell”> </td><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(3,2,1)”>3</a> </td><td class=“LetterOnlyCell”> </td><td class=“LetterOnlyCell”> </td><td class=“LetterOnlyCell”> </td><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(4,2,5)”>4</a> </td><td class=“BlankCell”> </td></tr><tr id=“Row_3”><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“LetterOnlyCell”> </td><td class=“BlankCell”> </td><td class=“LetterOnlyCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_4”><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“LetterOnlyCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_5”><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“LetterOnlyCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_6”><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(5,6,0)”>5</a> </td><td class=“LetterOnlyCell”> </td><td class=“LetterOnlyCell”> </td><td class=“LetterOnlyCell”> </td><td class=“LetterOnlyCell”> </td><td class=“LetterOnlyCell”> </td><td class=“LetterOnlyCell”> </td></tr>
</tbody> </table>
Vérification
<table id=“Clues” style=“display: none;”> <tbody> <tr> <td>
<table class=“ClueList”> <tbody id=“CluesAcross”> <tr><td colspan=“2”><h3 class=“ExerciseSubtitle” id=“CluesAcrossLabel”>Horizontalement</h3></td></tr>
<tr><td class=“ClueNum”>1. </td><td id=“Clue_A_1” class=“Clue”>Matière grasse.</td></tr><tr><td class=“ClueNum”>3. </td><td id=“Clue_A_3” class=“Clue”>Pondu par les poules.</td></tr><tr><td class=“ClueNum”>5. </td><td id=“Clue_A_5” class=“Clue”>Fruits secs, en poudre.</td></tr>
</tbody> </table>
</td>
<td>
<table class=“ClueList”> <tbody id=“CluesDown”> <tr><td colspan=“2”><h3 class=“ExerciseSubtitle” id=“CluesDownLabel”>Verticalement</h3></td></tr>
<tr><td class=“ClueNum”>2. </td><td id=“Clue_D_2” class=“Clue”>Alcool utilisé pour parfumer.</td></tr><tr><td class=“ClueNum”>4. </td><td id=“Clue_D_4” class=“Clue”>En pourdre, peu être blanc ou de canne, souvent utilisé dans les desserts.</td></tr>
</tbody> </table>
</td> </tr> </tbody> </table>
OK
<!– BeginBottomNavButtons –>
<!– EndBottomNavButtons –>
<!– BeginSubmissionForm –>
<!– EndSubmissionForm –>
</body>
</html>
</WRAP>
<html> <?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 gwen."></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=“gwen” />
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” />
<title>
</title>
<!– Made with executable version 6.3 Release 0 Build 3 –>
<!– The following insertion allows you to add your own code directly to this head tag from the configuration screen –>
<style type=“text/css”> * html object.MediaPlayerNotForIE {
display: none;
}
body{
font-family: Arial,Geneva,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: Arial,Geneva,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;
}
.RTLText{
text-align: right; font-size: 150%; direction: rtl; font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Arial,Geneva,sans-serif;
}
.CentredRTLText{
text-align: center; font-size: 150%; direction: rtl; font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Arial,Geneva,sans-serif;
}
button p.RTLText{
text-align: center;
}
.RTLGapBox{
text-align: right; font-size: 150%; direction: rtl; font-family: "Times New Roman", Arial,Geneva,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: Arial,Geneva,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;
} 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;
} 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%;
}
.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;
}
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;
}
div.Keypad{
text-align: center; display: none; /* initially hidden, shown if needed */ margin-bottom: 0.5em;
}
div.Keypad button{
font-family: Arial,Geneva,sans-serif; font-size: 120%; background-color: #ffffff; color: #000000; width: 2em;
}
div.QuestionNavigation{
text-align: center;
}
.QNum{
margin: 0em 1em 0.5em 1em; font-weight: bold; vertical-align: middle;
}
textarea{
font-family: Arial,Geneva,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;
}
div.NavButtonBar{
background-color: #b90000; text-align: center; margin: 2px 0px 2px 0px; clear: both; font-size: 100%;
}
.NavButton {
border-style: solid; border-left-color: #dc7f7f; border-top-color: #dc7f7f; border-right-color: #5c0000; border-bottom-color: #5c0000; background-color: #b90000; color: #ffffff;
border-width: 2px; cursor: pointer;
}
.NavButtonUp {
border-style: solid;
border-left-color: #dc7f7f; border-top-color: #dc7f7f; border-right-color: #5c0000; border-bottom-color: #5c0000; color: #b90000; background-color: #ffffff;
border-width: 2px; cursor: pointer;
}
.NavButtonDown {
border-style: solid;
border-left-color: #5c0000; border-top-color: #5c0000; border-right-color: #dc7f7f; border-bottom-color: #dc7f7f; color: #b90000; background-color: #ffffff;
border-width: 2px; cursor: pointer;
}
a{
color: #0000FF;
}
a:visited{
color: #0000CC;
}
a:hover{
color: #0000FF;
}
div.CardStyle {
position: absolute; font-family: Arial,Geneva,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%;
}
</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'); 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.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();
}
}
//JMIX STANDARD OUTPUT FORMAT CODE
var CorrectResponse = 'Juste'; var IncorrectResponse = 'Faux'; var TheseAnswersToo = 'Ces autres réponses sont aussi correctes.'; var ThisMuchCorrect = 'Bravo, ces mots sont dans le bon ordre !'; var NextCorrect = 'Indice'; var YourScoreIs = 'Votre résultat est de :'; var CapitalizeFirst = true; var Penalties = 0; var Finished = false; var TimeOver = false; var Score = 0; var strInstructions = ''; var AnswersTried = '';
var SegmentTemplate = ' <a class=“ExSegment” href=“javascript:void(0)” onclick=“AddSegment([SegmentNumber])” title=“Ajouter un mot à la phrase.”>[CurrentSegment]</a> ';
var Exercise = '';
var Punctuation = '\u0027\u002C\u002E';
var Openers = '\u0027';
var Guesses = new Array(); var Remaining = new Array(); var CorrectParts = new Array();
var ClosestMatch = 0;
var LowerString=;
var UpperString=;
var Output = '';
var Segments = new Array(); Segments[0] = new Array(); Segments[0][0] = '\u006C\u0065\u0073\u0020\u0061\u006D\u0061\u006E\u0064\u0065\u0073\u0020\u0065\u006E\u0020\u0070\u006F\u0075\u0064\u0072\u0065'; Segments[0][1] = 6; Segments[0][2] = 0; Segments[1] = new Array(); Segments[1][0] = '\u0065\u0074\u0020\u006C\u0065\u0020\u0073\u0075\u0063\u0072\u0065\u0020\u0065\u006E\u0020\u0070\u006F\u0075\u0064\u0072\u0065'; Segments[1][1] = 7; Segments[1][2] = 0; Segments[2] = new Array(); Segments[2][0] = '\u006D\u00E9\u006C\u0061\u006E\u0067\u0065\u0072\u0020\u006C\u0065\u0020\u0074\u006F\u0075\u0074\u002E'; Segments[2][1] = 12; Segments[2][2] = 0; Segments[3] = new Array(); Segments[3][0] = '\u0066\u0061\u0069\u0072\u0065\u0020\u0066\u006F\u006E\u0064\u0072\u0065'; Segments[3][1] = 2; Segments[3][2] = 0; Segments[4] = new Array(); Segments[4][0] = '\u006C\u0065\u0020\u0062\u0065\u0075\u0072\u0072\u0065'; Segments[4][1] = 3; Segments[4][2] = 0; Segments[5] = new Array(); Segments[5][0] = '\u0065\u006E\u0073\u0075\u0069\u0074\u0065\u002C'; Segments[5][1] = 8; Segments[5][2] = 0; Segments[6] = new Array(); Segments[6][0] = '\u0044\u0027\u0061\u0062\u006F\u0072\u0064\u002C'; Segments[6][1] = 1; Segments[6][2] = 0; Segments[7] = new Array(); Segments[7][0] = '\u006D\u00E9\u006C\u0061\u006E\u0067\u0065\u0072'; Segments[7][1] = 5; Segments[7][2] = 0; Segments[8] = new Array(); Segments[8][0] = '\u006C\u0027\u006F\u0065\u0075\u0066'; Segments[8][1] = 10; Segments[8][2] = 0; Segments[9] = new Array(); Segments[9][0] = '\u0063\u0061\u0073\u0073\u0065\u0072'; Segments[9][1] = 9; Segments[9][2] = 0; Segments[10] = new Array(); Segments[10][0] = '\u0070\u0075\u0069\u0073\u002C'; Segments[10][1] = 4; Segments[10][2] = 0; Segments[11] = new Array(); Segments[11][0] = '\u0065\u006E\u0066\u0069\u006E'; Segments[11][1] = 11; Segments[11][2] = 0;
var GuessSequence = new Array();
var Answers = new Array(); Answers[0] = new Array(1,2,3,4,5,6,7,8,9,10,11,12); Answers[1] = new Array(1,2,3,8,5,6,7,4,9,10,11,12);
function WriteToGuess(Feedback) {
document.getElementById('GuessDiv').innerHTML = Feedback;
}
function Undo(){
if (GuessSequence.length < 1){
return;
}
GuessSequence.length = GuessSequence.length - 1;
BuildCurrGuess();
BuildExercise();
DisplayExercise(Exercise);
//Following line modified for 6.0.4.44 – “remaining words” message removed, no longer needed
WriteToGuess('<span class="Answer">' + Output + '</span>');
}
function AddSegment(SegNum){
GuessSequence[GuessSequence.length] = SegNum;
BuildCurrGuess();
WriteToGuess('<span class="Answer">' + Output + '</span>');
BuildExercise();
DisplayExercise(Exercise);
}
function BuildCurrGuess(){
var i = 0; var j = 0; var NewSeg = '';
//first, create arrays of all the segments guessed so far and those not yet used
GuessSegs = new Array(); GuessSegs.length = 0;
//set the “used” markers all to 0
for (i=0; i<Segments.length; i++){
Segments[i][2] = 0;
}
for (i=0; i<GuessSequence.length; i++){
for (j=0; j<Segments.length; j++){
if ((Segments[j][1] == GuessSequence[i])&&(Segments[j][2] == 0)){
GuessSegs[GuessSegs.length] = Segments[j][0];
Segments[j][2] = 1;
break;
}
}
}
//Create the list of unused segments
RemainingList = '';
for (i=0; i<Segments.length; i++){
if (Segments[i][2] == 0){
RemainingList += Segments[i][0] + ' ';
}
}
//now concatenate the segments, adding spaces where appropriate;
Output = CompileString(GuessSequence);
}
function CompileString(InArray){
var OutString = ''; var i = 0; OutArray = new Array();
for (i=0; i<InArray.length; i++){
OutArray[OutArray.length] = FindSegment(InArray[i]);
}
if (OutArray.length > 0){
OutString = OutArray[0];
}
else{
OutString = '';
}
var Spacer = '';
for (i=1; i<OutArray.length; i++){
Spacer = ' ';
if ((Openers.indexOf(OutString.charAt(OutString.length-1)) > -1)||(Punctuation.indexOf(OutArray[i].charAt(0)) > -1)){
Spacer = '';
}
OutString = OutString + Spacer + OutArray[i];
}
//Capitalize the first letter if necessary
if (CapitalizeFirst == true){
i = 0;
if ((Openers.indexOf(OutString.charAt(i))>-1)||(OutString.charAt(i) == ' ')){
i++;
}
if ((Openers.indexOf(OutString.charAt(i))>-1)||(OutString.charAt(i) == ' ')){
i++;
}
var Temp = OutString.charAt(i);
Temp = Temp.toUpperCase();
OutString = OutString.substring(0, i) + Temp + OutString.substring(i+1, OutString.length);
}
return OutString;
} function CheckAnswer(CheckType){
if (GuessSequence.length < 1){
if (CheckType == 1){
ShowMessage(NextCorrect + '<br /><span class="Answer">' + FindSegment(Answers[0][0]) + '</span>');
Penalties++;
}
return;
}
var i = 0; var j = 0; var k = 0; var WellDone = ''; var WhichCorrect = -1; var TryAgain = ''; var LongestCorrectBit = ''; TempCorrect = new Array(); LongestCorrect = new Array(); var TempHint = ''; var HintToReturn = 1; var OtherAnswers = ''; var AllDone = false;
for (i=0; i<Answers.length; i++){
TempCorrect.length = 0;
for (j=0; j<Answers[i].length; j++){
if (Answers[i][j] == GuessSequence[j]){
TempCorrect[j] = GuessSequence[j];
}
else{
TempHint = Answers[i][j];
break;
}
}
if ((TempCorrect.length == GuessSequence.length)&&(TempCorrect.length == Answers[i].length)){
WhichCorrect = i;
break;
}
else{
if (TempCorrect.length > LongestCorrect.length){
LongestCorrect.length = 0;
for (k=0; k<TempCorrect.length; k++){
LongestCorrect[k] = TempCorrect[k];
}
HintToReturn = TempHint;
}
}
}
if (WhichCorrect > -1){
AllDone = true;
for (i=0; i<Answers.length; i++){
if (i!=WhichCorrect){
OtherAnswers += '<br />' + CompileString(Answers[i]);
}
}
WellDone = '<span class="Answer">' + Output + '</span><br /><br />' + CorrectResponse + '<br />';
if (AnswersTried.length > 0){AnswersTried += ' | ';}
AnswersTried += Output;
//Do score calculation here
Score = Math.floor(((Segments.length-Penalties) * 100)/Segments.length);
if (OtherAnswers.length > 0){
WellDone += TheseAnswersToo + '<span class="Answer">' + OtherAnswers + '</span>';
}
WriteToGuess(WellDone); ShowMessage(WellDone + '<br />' + YourScoreIs + ' ' + Score + '%.'); }
else{
var WrongGuess = CompileString(GuessSequence);
if (AnswersTried.length > 0){AnswersTried += ' | ';}
AnswersTried += WrongGuess;
TryAgain = '<span class="Answer">' + WrongGuess + '</span><br /><br />';
if (CheckType == 0){
TryAgain += IncorrectResponse + '<br />';
}
if (LongestCorrect.length > 0){
LongestCorrectBit = CompileString(LongestCorrect); GuessSequence.length = LongestCorrect.length; TryAgain += ThisMuchCorrect + '<br /><span class="Answer">' + LongestCorrectBit + '</span><br />';
//These lines added for 6.0.3.44
WriteToGuess('<span class="Answer">' + LongestCorrectBit + '</span>');
}
else{
GuessSequence.length = 0;
WriteToGuess('');
}
if (CheckType == 1){
TryAgain += NextCorrect + '<br /><span class="Answer">' + FindSegment(HintToReturn) + '</span>';
}
BuildCurrGuess(); BuildExercise(); DisplayExercise(Exercise); ShowMessage(TryAgain); 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(YourScoreIs + ' ' + Score + '%.');
}
}
function FindSegment(SegID){
var Seg = '';
for (var i=0; i<Segments.length; i++){
if (Segments[i][1] == SegID){
Seg = Segments[i][0];
break;
}
}
return Seg;
}
function StartUp(){
RemoveBottomNavBarForIE();
//Stash the instructions so they can be redisplayed
strInstructions = document.getElementById('InstructionsDiv').innerHTML;
Segments = Shuffle(Segments);
//Build and show the exercise
BuildExercise(); DisplayExercise(Exercise);
}
function BuildExercise(){
Exercise = '';
var SegRow = ''; var TempRow = '';
for (var i=0; i<Segments.length; i++){
//if the segment hasn't been used yet
if (Segments[i][2] == 0){
TempRow = SegmentTemplate;
TempRow = TempRow.replace(/\[SegmentNumber\]/g, Segments[i][1]);
TempRow = TempRow.replace(/\[CurrentSegment\]/g, Segments[i][0]);
SegRow += TempRow;
}
}
//Make it into a table
Exercise = SegRow;
}
function DisplayExercise(StuffToDisplay){
document.getElementById('SegmentDiv').innerHTML = StuffToDisplay;
FocusAButton();
}
//–>
//]]>
</script>
</head>
<body onload=“StartUp()” id=“TheBody” >
<!– BeginTopNavButtons –>
<!– EndTopNavButtons –>
<h2 class="ExerciseTitle"></h2>
<div id="Instructions">Regardez la vidéo, puis remettez dans l'ordre les premières étapes de la recette de la galette à la frangipane.</div>
Vérifier
OK
<!– BeginBottomNavButtons –>
<!– EndBottomNavButtons –>
<!– BeginSubmissionForm –>
<!– EndSubmissionForm –>
</body>
</html>
<html> <?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 gwen."></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=“gwen” />
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” />
<title>
</title>
<!– Made with executable version 6.3 Release 0 Build 3 –>
<!– The following insertion allows you to add your own code directly to this head tag from the configuration screen –>
<style type=“text/css”> * html object.MediaPlayerNotForIE {
display: none;
}
body{
font-family: Arial,Geneva,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: Arial,Geneva,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;
}
.RTLText{
text-align: right; font-size: 150%; direction: rtl; font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Arial,Geneva,sans-serif;
}
.CentredRTLText{
text-align: center; font-size: 150%; direction: rtl; font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Arial,Geneva,sans-serif;
}
button p.RTLText{
text-align: center;
}
.RTLGapBox{
text-align: right; font-size: 150%; direction: rtl; font-family: "Times New Roman", Arial,Geneva,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: Arial,Geneva,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;
} 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;
} 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%;
}
.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;
}
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;
}
div.Keypad{
text-align: center; display: none; /* initially hidden, shown if needed */ margin-bottom: 0.5em;
}
div.Keypad button{
font-family: Arial,Geneva,sans-serif; font-size: 120%; background-color: #ffffff; color: #000000; width: 2em;
}
div.QuestionNavigation{
text-align: center;
}
.QNum{
margin: 0em 1em 0.5em 1em; font-weight: bold; vertical-align: middle;
}
textarea{
font-family: Arial,Geneva,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;
}
div.NavButtonBar{
background-color: #b90000; text-align: center; margin: 2px 0px 2px 0px; clear: both; font-size: 100%;
}
.NavButton {
border-style: solid; border-left-color: #dc7f7f; border-top-color: #dc7f7f; border-right-color: #5c0000; border-bottom-color: #5c0000; background-color: #b90000; color: #ffffff;
border-width: 2px; cursor: pointer;
}
.NavButtonUp {
border-style: solid;
border-left-color: #dc7f7f; border-top-color: #dc7f7f; border-right-color: #5c0000; border-bottom-color: #5c0000; color: #b90000; background-color: #ffffff;
border-width: 2px; cursor: pointer;
}
.NavButtonDown {
border-style: solid;
border-left-color: #5c0000; border-top-color: #5c0000; border-right-color: #dc7f7f; border-bottom-color: #dc7f7f; color: #b90000; background-color: #ffffff;
border-width: 2px; cursor: pointer;
}
a{
color: #0000FF;
}
a:visited{
color: #0000CC;
}
a:hover{
color: #0000FF;
}
div.CardStyle {
position: absolute; font-family: Arial,Geneva,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%;
}
</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'); 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.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();
}
}
//JQUIZ CORE JAVASCRIPT CODE
var CurrQNum = 0; var CorrectIndicator = 'Juste'; var IncorrectIndicator = 'Faux'; var YourScoreIs = 'Votre résultat est de :';
//New for 6.2.2.0 var CompletedSoFar = 'Questions completed so far: '; var ExerciseCompleted = 'Vous avez terminé l\'exercice !'; var ShowCompletedSoFar = true;
var ContinuousScoring = true; var CorrectFirstTime = 'Questions answered correctly first time: '; var ShowCorrectFirstTime = true; var ShuffleQs = false; var ShuffleAs = false; var DefaultRight = 'Correct!'; var DefaultWrong = 'Désolée, essayez de nouveau.'; var QsToShow = 10; var Score = 0; var Finished = false; var Qs = null; var QArray = new Array(); var ShowingAllQuestions = false; var ShowAllQuestionsCaption = 'Montrer toutes les questions'; var ShowOneByOneCaption = 'Montrer les questions une par une'; var State = new Array(); var Feedback = ''; var TimeOver = false; var strInstructions = ''; var Locked = false;
//The following variable can be used to add a message explaining that //the question is finished, so no further marking will take place. var strQuestionFinished = '';
function CompleteEmptyFeedback(){
var QNum, ANum;
for (QNum=0; QNum<I.length; QNum++){
//Only do this if not multi-select
if (I[QNum][2] != '3'){
for (ANum = 0; ANum<I[QNum][3].length; ANum++){
if (I[QNum][3][ANum][1].length < 1){
if (I[QNum][3][ANum][2] > 0){
I[QNum][3][ANum][1] = DefaultRight;
}
else{
I[QNum][3][ANum][1] = DefaultWrong;
}
}
}
}
}
}
function SetUpQuestions(){
var AList = new Array();
var QList = new Array();
var i, j;
Qs = document.getElementById('Questions');
while (Qs.getElementsByTagName('li').length > 0){
QList.push(Qs.removeChild(Qs.getElementsByTagName('li')[0]));
}
var DumpItem = 0;
if (QsToShow > QList.length){
QsToShow = QList.length;
}
while (QsToShow < QList.length){
DumpItem = Math.floor(QList.length*Math.random());
for (j=DumpItem; j<(QList.length-1); j++){
QList[j] = QList[j+1];
}
QList.length = QList.length-1;
}
if (ShuffleQs == true){
QList = Shuffle(QList);
}
if (ShuffleAs == true){
var As;
for (var i=0; i<QList.length; i++){
As = QList[i].getElementsByTagName('ol')[0];
if (As != null){
AList.length = 0;
while (As.getElementsByTagName('li').length > 0){
AList.push(As.removeChild(As.getElementsByTagName('li')[0]));
}
AList = Shuffle(AList);
for (j=0; j<AList.length; j++){
As.appendChild(AList[j]);
}
}
}
}
for (i=0; i<QList.length; i++){
Qs.appendChild(QList[i]);
QArray[QArray.length] = QList[i];
}
//Show the first item
QArray[0].style.display = '';
//Now hide all except the first item
for (i=1; i<QArray.length; i++){
QArray[i].style.display = 'none';
}
SetQNumReadout();
SetFocusToTextbox();
}
function SetFocusToTextbox(){ //if there's a textbox, set the focus in it
if (QArray[CurrQNum].getElementsByTagName('input')[0] != null){
QArray[CurrQNum].getElementsByTagName('input')[0].focus();
//and show a keypad if there is one
if (document.getElementById('CharacterKeypad') != null){
document.getElementById('CharacterKeypad').style.display = 'block';
}
}
else{
if (QArray[CurrQNum].getElementsByTagName('textarea')[0] != null){
QArray[CurrQNum].getElementsByTagName('textarea')[0].focus();
//and show a keypad if there is one
if (document.getElementById('CharacterKeypad') != null){
document.getElementById('CharacterKeypad').style.display = 'block';
}
}
//This added for 6.0.4.11: hide accented character buttons if no textbox
else{
if (document.getElementById('CharacterKeypad') != null){
document.getElementById('CharacterKeypad').style.display = 'none';
}
}
}
}
function ChangeQ(ChangeBy){ //The following line prevents moving to another question until the current //question is answered correctly. Uncomment it to enable this behaviour. // if (State[CurrQNum][0] == -1){return;}
if (((CurrQNum + ChangeBy) < 0)||((CurrQNum + ChangeBy) >= QArray.length)){return;}
QArray[CurrQNum].style.display = 'none';
CurrQNum += ChangeBy;
QArray[CurrQNum].style.display = '';
//Undocumented function added 10/12/2004
ShowSpecialReadingForQuestion(); SetQNumReadout(); SetFocusToTextbox();
}
var HiddenReadingShown = false; function ShowSpecialReadingForQuestion(){ //Undocumented function for showing specific reading text elements which change with each question //Added on 10/12/2004
if (document.getElementById('ReadingDiv') != null){
if (HiddenReadingShown == true){
document.getElementById('ReadingDiv').innerHTML = '';
}
if (QArray[CurrQNum] != null){
//Fix for 6.0.4.25
var Children = QArray[CurrQNum].getElementsByTagName('div');
for (var i=0; i<Children.length; i++){
if (Children[i].className=="HiddenReading"){
document.getElementById('ReadingDiv').innerHTML = Children[i].innerHTML;
HiddenReadingShown = true;
//Hide the ShowAllQuestions button to avoid confusion
if (document.getElementById('ShowMethodButton') != null){
document.getElementById('ShowMethodButton').style.display = 'none';
}
}
}
}
}
}
function SetQNumReadout(){
document.getElementById('QNumReadout').innerHTML = (CurrQNum+1) + ' / ' + QArray.length;
if ((CurrQNum+1) >= QArray.length){
if (document.getElementById('NextQButton') != null){
document.getElementById('NextQButton').style.visibility = 'hidden';
}
}
else{
if (document.getElementById('NextQButton') != null){
document.getElementById('NextQButton').style.visibility = 'visible';
}
}
if (CurrQNum <= 0){
if (document.getElementById('PrevQButton') != null){
document.getElementById('PrevQButton').style.visibility = 'hidden';
}
}
else{
if (document.getElementById('PrevQButton') != null){
document.getElementById('PrevQButton').style.visibility = 'visible';
}
}
}
var I=new Array();
I[0]=new Array();I[0][0]=100;
I[0][1]=;
I[0][2]='1';
I[0][3]=new Array();
I[0][3][0]=new Array('les f\u00E8ves',,1,100,1);
I[1]=new Array();I[1][0]=100;
I[1][1]=;
I[1][2]='1';
I[1][3]=new Array();
I[1][3][0]=new Array('2',,1,100,1);
I[2]=new Array();I[2][0]=100;
I[2][1]=;
I[2][2]='1';
I[2][3]=new Array();
I[2][3][0]=new Array('de la farine',,1,100,1);
I[3]=new Array();I[3][0]=100;
I[3][1]=;
I[3][2]='1';
I[3][3]=new Array();
I[3][3][0]=new Array('un rouleau \u00E0 p\u00E2tisserie',,1,100,1);
I[4]=new Array();I[4][0]=100;
I[4][1]=;
I[4][2]='1';
I[4][3]=new Array();
I[4][3][0]=new Array('avec une roulette',,1,100,1);
I[5]=new Array();I[5][0]=100;
I[5][1]=;
I[5][2]='1';
I[5][3]=new Array();
I[5][3][0]=new Array('au centre de la p\u00E2te',,1,100,1);
I[6]=new Array();I[6][0]=100;
I[6][1]=;
I[6][2]='1';
I[6][3]=new Array();
I[6][3][0]=new Array('de l\'eau froide',,1,100,1);
I[7]=new Array();I[7][0]=100;
I[7][1]=;
I[7][2]='1';
I[7][3]=new Array();
I[7][3][0]=new Array('l\'hipopotame',,1,100,1);
I[8]=new Array();I[8][0]=100;
I[8][1]=;
I[8][2]='1';
I[8][3]=new Array();
I[8][3][0]=new Array('le dos d\'une fourchette',,1,100,1);
I[9]=new Array();I[9][0]=100;
I[9][1]=;
I[9][2]='1';
I[9][3]=new Array();
I[9][3][0]=new Array('30 minutes',,1,100,1);
function StartUp(){
RemoveBottomNavBarForIE();
//If there's only one question, no need for question navigation controls
if (QsToShow < 2){
document.getElementById('QNav').style.display = 'none';
}
//Stash the instructions so they can be redisplayed
strInstructions = document.getElementById('InstructionsDiv').innerHTML;
CompleteEmptyFeedback();
SetUpQuestions(); ClearTextBoxes(); CreateStatusArray();
//Check search string for q parameter
if (document.location.search.length > 0){
if (ShuffleQs == false){
var JumpTo = parseInt(document.location.search.substring(1,document.location.search.length))-1;
if (JumpTo <= QsToShow){
ChangeQ(JumpTo);
}
}
}
//Undocumented function added 10/12/2004
ShowSpecialReadingForQuestion();
}
function ShowHideQuestions(){
FuncBtnOut(document.getElementById('ShowMethodButton'));
document.getElementById('ShowMethodButton').style.display = 'none';
if (ShowingAllQuestions == false){
for (var i=0; i<QArray.length; i++){
QArray[i].style.display = '';
}
document.getElementById('Questions').style.listStyleType = 'decimal';
document.getElementById('OneByOneReadout').style.display = 'none';
document.getElementById('ShowMethodButton').innerHTML = ShowOneByOneCaption;
ShowingAllQuestions = true;
}
else{
for (var i=0; i<QArray.length; i++){
if (i != CurrQNum){
QArray[i].style.display = 'none';
}
}
document.getElementById('Questions').style.listStyleType = 'none';
document.getElementById('OneByOneReadout').style.display = '';
document.getElementById('ShowMethodButton').innerHTML = ShowAllQuestionsCaption;
ShowingAllQuestions = false;
}
document.getElementById('ShowMethodButton').style.display = 'inline';
}
function CreateStatusArray(){
var QNum, ANum;
//For each item in the item array
for (QNum=0; QNum<I.length; QNum++){
//Check if the question still exists (hasn't been nuked by showing a random selection)
if (document.getElementById('Q_' + QNum) != null){
State[QNum] = new Array();
State[QNum][0] = -1; //Score for this q; -1 shows question not done yet
State[QNum][1] = new Array(); //answers
for (ANum = 0; ANum<I[QNum][3].length; ANum++){
State[QNum][1][ANum] = 0; //answer not chosen yet; when chosen, will store its position in the series of choices
}
State[QNum][2] = 0; //tries at this q so far
State[QNum][3] = 0; //incrementing percent-correct values of selected answers
State[QNum][4] = 0; //penalties incurred for hints
State[QNum][5] = ''; //Sequence of answers chosen by number
}
else{
State[QNum] = null;
}
}
}
function CalculateOverallScore(){
var TotalWeighting = 0;
var TotalScore = 0;
for (var QNum=0; QNum<State.length; QNum++){
if (State[QNum] != null){
if (State[QNum][0] > -1){
TotalWeighting += I[QNum][0];
TotalScore += (I[QNum][0] * State[QNum][0]);
}
}
}
if (TotalWeighting > 0){
Score = Math.floor((TotalScore/TotalWeighting)*100);
}
else{
//if TotalWeighting is 0, no questions so far have any value, so //no penalty should be shown.
Score = 100; }
}
//New for 6.2.2.0 function CheckQuestionsCompleted(){
if (ShowCompletedSoFar == false){return '';}
var QsCompleted = 0;
for (var QNum=0; QNum<State.length; QNum++){
if (State[QNum] != null){
if (State[QNum][0] >= 0){
QsCompleted++;
}
}
}
//Fixes for 6.2.2.2
if (QsCompleted >= QArray.length){
return ExerciseCompleted;
}
else{
return CompletedSoFar + ' ' + QsCompleted + '/' + QArray.length + '.';
}
}
function CheckFinished(){
var FB = '';
var AllDone = true;
for (var QNum=0; QNum<State.length; QNum++){
if (State[QNum] != null){
if (State[QNum][0] < 0){
AllDone = false;
}
}
}
if (AllDone == true){
//Report final score and submit if necessary
CalculateOverallScore();
FB = YourScoreIs + ' ' + Score + '%.';
if (ShowCorrectFirstTime == true){
var CFT = 0;
for (QNum=0; QNum<State.length; QNum++){
if (State[QNum] != null){
if (State[QNum][0] >= 1){
CFT++;
}
}
}
FB += '<br />' + CorrectFirstTime + ' ' + CFT + '/' + QsToShow;
}
//New for 6.2.2.0
FB += '<br />' + ExerciseCompleted; WriteToInstructions(FB); Finished == true;
TimeOver = true; Locked = true;
Finished = true;
Detail = '<?xml version="1.0"?><hpnetresult><fields>';
for (QNum=0; QNum<State.length; QNum++){
if (State[QNum] != null){
if (State[QNum][5].length > 0){
Detail += '<field><fieldname>Question #' + (QNum+1) + '</fieldname><fieldtype>question-tracking</fieldtype><fieldlabel>Q ' + (QNum+1) + '</fieldlabel><fieldlabelid>QuestionTrackingField</fieldlabelid><fielddata>' + State[QNum][5] + '</fielddata></field>';
}
}
}
Detail += '</fields></hpnetresult>';
setTimeout('Finish()', SubmissionTimeout);
}
}
//CORE CODE FOR CHECKING SHORT ANSWER GUESSES AGAINST ANSWER ARRAYS
var CaseSensitive = false; var ShowAlsoCorrect = true; var PleaseEnter = 'Please enter a guess.'; var HybridTries = 2; var PartlyIncorrect = 'Your answer is partly wrong: '; var CorrectList = 'Correct answers: '; var NextCorrect = 'la prochaine lettre correcte est'; var CurrBox = null;
function TrackFocus(BoxID){
InTextBox = true; CurrBox = document.getElementById(BoxID);
}
function LeaveGap(){
InTextBox = false;
}
function TypeChars(Chars){
if (CurrBox != null){
//Following check added for 6.0.4.4 to avoid error message in IE6
if (CurrBox.style.display != 'none'){
CurrBox.value += Chars;
CurrBox.focus();
}
}
}
function CheckGuess(Guess, Answer, CaseSensitive, PercentCorrect, Feedback){
this.Guess = Guess;
this.Answer = Answer;
this.PercentCorrect = PercentCorrect;
this.Feedback = Feedback;
if (CaseSensitive == false){
this.WorkingGuess = Guess.toLowerCase();
this.WorkingAnswer = Answer.toLowerCase();
}
else{
this.WorkingGuess = Guess;
this.WorkingAnswer = Answer;
}
this.Hint = '';
this.HintPenalty = 1/Answer.length;
this.CorrectStart = '';
this.WrongMiddle = '';
this.CorrectEnd = '';
this.PercentMatch = 0;
this.DoCheck();
}
function CheckGuess_DoCheck(){ //Check if it's an exact match
if (this.WorkingAnswer == this.WorkingGuess){
this.PercentMatch = 100;
this.CorrectStart = this.Guess;
return;
}
//Figure out how much of the beginning is correct
var i = 0;
var CorrectChars = 0;
while (this.WorkingAnswer.charAt(i) == this.WorkingGuess.charAt(i)){
i++;
CorrectChars++;
}
//Stash the hint
this.Hint = this.Answer.charAt(i); this.CorrectStart = this.Guess.substring(0, i);
//If there's more to the answer, look at the rest of it
if (i<this.Guess.length){
//Figure out how much of the end is correct
var j = this.WorkingGuess.length-1;
var k = this.WorkingAnswer.length-1;
while ((j>=i)&&((this.WorkingAnswer.charAt(k) == this.WorkingGuess.charAt(j))&&(CorrectChars < this.Answer.length))){
CorrectChars++;
j--;
k--;
}
this.CorrectEnd = this.Guess.substring(j+1, this.Guess.length);
this.WrongMiddle = this.Guess.substring(i, j+1);
}
if (TrimString(this.WrongMiddle).length < 1){this.WrongMiddle = '_';}
//Calculate match score based on how much of the guess is correct
if (CorrectChars < this.Answer.length){
this.PercentMatch = Math.floor(100*CorrectChars)/this.Answer.length;
}
else{
this.PercentMatch = Math.floor((100 * CorrectChars)/this.Guess.length);
}
}
CheckGuess.prototype.DoCheck = CheckGuess_DoCheck;
function CheckAnswerArray(CaseSensitive){
this.CaseSensitive = CaseSensitive; this.Answers = new Array(); this.Score = 0; this.Feedback = ''; this.Hint = ''; this.HintPenalty = 0; this.MatchedAnswerLength = 1; this.CompleteMatch = false; this.MatchNum = -1;
}
function CheckAnswerArray_AddAnswer(Guess, Answer, PercentCorrect, Feedback){
this.Answers.push(new CheckGuess(Guess, Answer, this.CaseSensitive, PercentCorrect, Feedback));
}
CheckAnswerArray.prototype.AddAnswer = CheckAnswerArray_AddAnswer;
function CheckAnswerArray_ClearAll(){
this.Answers.length = 0;
}
CheckAnswerArray.prototype.ClearAll = CheckAnswerArray_ClearAll;
function CheckAnswerArray_GetBestMatch(){ //First check for a 100% match
for (var i=0; i<this.Answers.length; i++){
if (this.Answers[i].PercentMatch == 100){
this.Feedback = this.Answers[i].Feedback;
this.Score = this.Answers[i].PercentCorrect;
this.CompleteMatch = true;
this.MatchNum = i;
return;
}
}
//Now check for the best alternative match
var PercentMatch = 0;
var BestMatch = -1;
for (i=0; i<this.Answers.length; i++){
if ((this.Answers[i].PercentMatch > PercentMatch)&&(this.Answers[i].PercentCorrect == 100)){
BestMatch = i;
PercentMatch = this.Answers[i].PercentMatch;
}
}
if (BestMatch > -1){
this.Score = this.Answers[BestMatch].PercentMatch;
this.Feedback = PartlyIncorrect + ' ';
this.Feedback += '<span class="PartialAnswer">' + this.Answers[BestMatch].CorrectStart;
this.Feedback += '<span class="Highlight">' + this.Answers[BestMatch].WrongMiddle + '</span>';
this.Feedback += this.Answers[BestMatch].CorrectEnd + '</span>';
this.Hint = '<span class="PartialAnswer">' + this.Answers[BestMatch].CorrectStart;
this.Hint += '<span class="Highlight">' + this.Answers[BestMatch].Hint + '</span></span>';
this.HintPenalty = this.Answers[BestMatch].HintPenalty;
}
else{
this.Score = 0;
this.Feedback = '';
}
}
CheckAnswerArray.prototype.GetBestMatch = CheckAnswerArray_GetBestMatch;
function CheckShortAnswer(QNum){ //bail if question doesn't exist or exercise finished
if ((State[QNum].length < 1)||(Finished == true)){return;}
//bail if question already complete
if (State[QNum][0] > -1){return;}
//Get the guess (TrimString added to fix bug for 6.0.4.3)
var G = TrimString(document.getElementById('Q_' + QNum + '_Guess').value);
//If no guess, bail with message; no penalty
if (G.length < 1){
ShowMessage(PleaseEnter);
return;
}
//Increment tries
State[QNum][2]++;
//Create a check object
var CA = new CheckAnswerArray(CaseSensitive);
CA.ClearAll();
for (var ANum=0; ANum<I[QNum][3].length; ANum++){
CA.AddAnswer(G, I[QNum][3][ANum][0], I[QNum][3][ANum][3], I[QNum][3][ANum][1]);
}
CA.GetBestMatch();
//Store any match in the state tracking field
if (State[QNum][5].length > 0){State[QNum][5] += ' | ';}
if (CA.MatchNum > -1){
State[QNum][5] += String.fromCharCode(65+CA.MatchNum);
}
//Else store the student's answer
else{
State[QNum][5] += G;
}
//Add the percent correct value for this answer to the Q State (works for all //situations, wrong or right)
State[QNum][3] += CA.Score;
//Now branch, based on the nature of the match //Is it a complete match?
if (CA.CompleteMatch == true){
//Is it with a wrong answer, or a right answer?
if (CA.Score == 100){
//It's right
CalculateShortAnsQuestionScore(QNum);
//New for 6.2.2.0
var QsDone = CheckQuestionsCompleted();
//Get correct answer list if required, assuming there are any other correct alternatives
if (ShowAlsoCorrect == true){
var AlsoCorrectList = GetCorrectList(QNum, G, false);
if (AlsoCorrectList.length > 0){
CA.Feedback += '<br />' + CorrectList + '<br />' + AlsoCorrectList;
}
}
//Get the overall score and add it to the feedback
if (ContinuousScoring == true){
CalculateOverallScore();
CA.Feedback += '<br />' + YourScoreIs + ' ' + Score + '%.' + '<br />' + QsDone;
WriteToInstructions(YourScoreIs + ' ' + Score + '%.' + '<br />' + QsDone);
}
else{
WriteToInstructions(QsDone);
}
ShowMessage(CA.Feedback);
//Put the answer in
ReplaceGuessBox(QNum, G); CheckFinished(); return; } }
//Otherwise, it's a match to a predicted wrong/partially correct, or a partial //match to a right answer
if (CA.Feedback.length < 1){CA.Feedback = DefaultWrong;}
//Remove any previous score unless exercise is finished (6.0.3.8+)
if (Finished == false){
WriteToInstructions(strInstructions);
}
ShowMessage(CA.Feedback);
//If necessary, switch a hybrid question to m/c
if (State[QNum][2] >= HybridTries){
SwitchHybridDisplay(QNum);
}
}
function CalculateShortAnsQuestionScore(QNum){
var Tries = State[QNum][2] + State[QNum][4]; //include tries and hint penalties; var PercentCorrect = State[QNum][3]; var HintPenalties = State[QNum][4];
//Make sure it's not already complete
if (State[QNum][0] < 0){
if (HintPenalties >= 1){
State[QNum][0] = 0;
}
else{
State[QNum][0] = (PercentCorrect/(100*Tries));
}
if (State[QNum][0] < 0){
State[QNum][0] = 0;
}
}
}
function SwitchHybridDisplay(QNum){
if (document.getElementById('Q_' + QNum + '_Hybrid_MC') != null){
document.getElementById('Q_' + QNum + '_Hybrid_MC').style.display = '';
if (document.getElementById('Q_' + QNum + '_SA') != null){
document.getElementById('Q_' + QNum + '_SA').style.display = 'none';
}
}
}
function GetCorrectArray(QNum){
var Result = new Array();
for (var ANum=0; ANum<I[QNum][3].length; ANum++){
if (I[QNum][3][ANum][2] == 1){ //This is an acceptable correct answer
Result.push(I[QNum][3][ANum][0]);
}
}
return Result;
}
function GetCorrectList(QNum, Answer, IncludeAnswer){
var As = GetCorrectArray(QNum);
var Result = '';
for (var ANum=0; ANum<As.length; ANum++){
if ((IncludeAnswer == true)||(As[ANum] != Answer)){
Result += As[ANum] + '<br />';
}
}
return Result;
}
function GetFirstCorrectAnswer(QNum){
var As = GetCorrectArray(QNum);
if (As.length > 0){
return As[0];
}
else{
return '';
}
}
function ReplaceGuessBox(QNum, Ans){
if (document.getElementById('Q_' + QNum + '_SA') != null){
var El = document.getElementById('Q_' + QNum + '_SA');
while (El.childNodes.length > 0){
El.removeChild(El.childNodes[0]);
}
var A = document.createElement('span');
A.setAttribute('class', 'Answer');
var T = document.createTextNode(Ans);
A.appendChild(T);
El.appendChild(A);
}
}
function ShowAnswers(QNum){ //bail if question doesn't exist or exercise finished
if ((State[QNum].length < 1)||(Finished == true)){return;}
//Get the answer list to display
var Ans = GetCorrectList(QNum, '', false); Ans = CorrectList + '<br />' + Ans;
//Display feedback
ShowMessage(Ans);
//Set the score for this question to 0 if no score yet
if (State[QNum][0] < 1){
State[QNum][0] = 0;
}
//Get the first correct answer
var FirstAns = GetFirstCorrectAnswer(QNum);
//Replace the textbox
ReplaceGuessBox(QNum, FirstAns);
//New for 6.2.2.0: Get scores and feedback
var QsDone = CheckQuestionsCompleted();
if (ContinuousScoring == true){
CalculateOverallScore();
WriteToInstructions(YourScoreIs + ' ' + Score + '%.' + '<br />' + QsDone);
}
//This may be the last, so check finished status
CheckFinished();
}
function ShowHint(QNum){ //bail if question doesn't exist or exercise finished
if ((State[QNum].length < 1)||(Finished == true)){return;}
//bail if question already complete
if (State[QNum][0] > -1){return;}
//Get the guess
var G = document.getElementById('Q_' + QNum + '_Guess').value;
//If no guess, give the first correct bit
if (G.length < 1){
var Ans = GetFirstCorrectAnswer(QNum);
var Hint = Ans.charAt(0);
ShowMessage(NextCorrect + '<br />' + Hint);
//Penalty for hint
State[QNum][4] += (1/Ans.length); return; }
//Increment tries
State[QNum][2]++;
//Create a check object
var CA = new CheckAnswerArray(CaseSensitive);
CA.ClearAll();
for (var ANum=0; ANum<I[QNum][3].length; ANum++){
//Use only correct answers
if (I[QNum][3][ANum][2] == 1){
CA.AddAnswer(G, I[QNum][3][ANum][0], I[QNum][3][ANum][3], I[QNum][3][ANum][1]);
}
}
CA.GetBestMatch();
if (CA.CompleteMatch == true){
//It's right!
CheckShortAnswer(QNum);
return;
}
else{
if (CA.Hint.length > 0){
ShowMessage(NextCorrect + '<br />' + CA.Hint);
State[QNum][4] += CA.HintPenalty;
}
else{
ShowMessage(DefaultWrong + '<br />' + NextCorrect + '<br />' + GetFirstCorrectAnswer(QNum).charAt(0));
}
}
}
//–>
//]]>
</script>
</head>
<body onload=“StartUp()” id=“TheBody” >
<!– BeginTopNavButtons –>
<!– EndTopNavButtons –>
<h2 class="ExerciseTitle"></h2>
<h3 class="ExerciseSubtitle">Quiz</h3>
<div id="Instructions">Regardez la vidéo et répondez aux questions suivantes</div>
<p style=“text-align: right;”> Montrer toutes les questions </p>
<=
=> <br />
<ol class=“QuizQuestions” id=“Questions”> <li class=“QuizQuestion” id=“Q_0” style=“display: none;”>
Qu'est-ce qui est le plus important ?
<form method=“post” action=“” onsubmit=“return false;”>
<input type=“text” id=“Q_0_Guess” onfocus=“TrackFocus('Q_0_Guess')” onblur=“LeaveGap()” class=“ShortAnswerBox” size=“9”></input><br /><br />
</form>
</li> <li class=“QuizQuestion” id=“Q_1” style=“display: none;”>
Combien de cuillères à soupe de rhum met-il dans la frangipane ?
<form method=“post” action=“” onsubmit=“return false;”>
<input type=“text” id=“Q_1_Guess” onfocus=“TrackFocus('Q_1_Guess')” onblur=“LeaveGap()” class=“ShortAnswerBox” size=“9”></input><br /><br />
</form>
</li> <li class=“QuizQuestion” id=“Q_2” style=“display: none;”>
Qu'utilise-il pour fleurer le plan de travail ?
<form method=“post” action=“” onsubmit=“return false;”>
<input type=“text” id=“Q_2_Guess” onfocus=“TrackFocus('Q_2_Guess')” onblur=“LeaveGap()” class=“ShortAnswerBox” size=“12”></input><br /><br />
</form>
</li> <li class=“QuizQuestion” id=“Q_3” style=“display: none;”>
Quel instrument utilise-t-il pour écraser et étaler la pâte ?
<form method=“post” action=“” onsubmit=“return false;”>
<input type=“text” id=“Q_3_Guess” onfocus=“TrackFocus('Q_3_Guess')” onblur=“LeaveGap()” class=“ShortAnswerBox” size=“23”></input><br /><br />
</form>
</li> <li class=“QuizQuestion” id=“Q_4” style=“display: none;”>
Avec quoi coupe-t-il la pâte feuilletée ?
<form method=“post” action=“” onsubmit=“return false;”>
<input type=“text” id=“Q_4_Guess” onfocus=“TrackFocus('Q_4_Guess')” onblur=“LeaveGap()” class=“ShortAnswerBox” size=“17”></input><br /><br />
</form>
</li> <li class=“QuizQuestion” id=“Q_5” style=“display: none;”>
Où met-il la frangipane ?
<form method=“post” action=“” onsubmit=“return false;”>
<input type=“text” id=“Q_5_Guess” onfocus=“TrackFocus('Q_5_Guess')” onblur=“LeaveGap()” class=“ShortAnswerBox” size=“20”></input><br /><br />
</form>
</li> <li class=“QuizQuestion” id=“Q_6” style=“display: none;”>
Que met-il pour détendre le jaune d'oeuf ?
<form method=“post” action=“” onsubmit=“return false;”>
<input type=“text” id=“Q_6_Guess” onfocus=“TrackFocus('Q_6_Guess')” onblur=“LeaveGap()” class=“ShortAnswerBox” size=“15”></input><br /><br />
</form>
</li> <li class=“QuizQuestion” id=“Q_7” style=“display: none;”>
Quelle fève choisissent-ils ?
<form method=“post” action=“” onsubmit=“return false;”>
<input type=“text” id=“Q_7_Guess” onfocus=“TrackFocus('Q_7_Guess')” onblur=“LeaveGap()” class=“ShortAnswerBox” size=“12”></input><br /><br />
</form>
</li> <li class=“QuizQuestion” id=“Q_8” style=“display: none;”>
Pour coller, quelle instrument utilise-t-il ?
<form method=“post” action=“” onsubmit=“return false;”>
<input type=“text” id=“Q_8_Guess” onfocus=“TrackFocus('Q_8_Guess')” onblur=“LeaveGap()” class=“ShortAnswerBox” size=“23”></input><br /><br />
</form>
</li> <li class=“QuizQuestion” id=“Q_9” style=“display: none;”>
Pendant combien temps met-il la galette au four ?
<form method=“post” action=“” onsubmit=“return false;”>
<input type=“text” id=“Q_9_Guess” onfocus=“TrackFocus('Q_9_Guess')” onblur=“LeaveGap()” class=“ShortAnswerBox” size=“10”></input><br /><br />
</form>
</li></ol>
OK
<!– BeginBottomNavButtons –>
<!– EndBottomNavButtons –>
<!– BeginSubmissionForm –>
<!– EndSubmissionForm –>
</body>
</html>