cours:jpc:stic:trx13:exercice-comp-orale [Lingalog]

     <!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 Fanny."></meta><meta name="keywords" content="Hot Potatoes, Hot Potatoes, Half-Baked Software, Windows, University of Victoria"></meta>

<title>

</title>

<!– Made with executable version 6.3 Release 0 Build 5 –>

<!– The following insertion allows you to add your own code directly to this head tag from the configuration screen –>

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: justify;
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: #ADE2CE;
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: justify;

}

.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: #ADE2CE;

}

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: #ADE2CE;

}

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: justify;
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: justify;
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: justify;

}

div#ClueEntry{

text-align: justify;
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: justify;
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: justify;
list-style-type: none;

}

li.QuizQuestion{

padding: 1em;
border-style: solid;
border-width: 0px 0px 1px 0px;

}

ol.MCAnswers{

text-align: justify;
list-style-type: upper-alpha;
padding: 1em;

}

ol.MCAnswers li{

margin-bottom: 1em;

}

ol.MSelAnswers{

text-align: justify;
list-style-type: lower-alpha;
padding: 1em;

}

div.ShortAnswer{

padding: 1em;

}

.FuncButton {

text-align: center;
border-style: solid;

border-left-color: #d6f0e6;
border-top-color: #d6f0e6;
border-right-color: #567167;
border-bottom-color: #567167;
color: #000000;
background-color: #ADE2CE;

border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;

}

.FuncButtonUp {

color: #ADE2CE;
text-align: center;
border-style: solid;

border-left-color: #d6f0e6;
border-top-color: #d6f0e6;
border-right-color: #567167;
border-bottom-color: #567167;

background-color: #000000;
color: #ADE2CE;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;

}

.FuncButtonDown {

color: #ADE2CE;
text-align: center;
border-style: solid;

border-left-color: #567167;
border-top-color: #567167;
border-right-color: #d6f0e6;
border-bottom-color: #d6f0e6;
background-color: #000000;
color: #ADE2CE;

border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;

}

div.NavButtonBar{

background-color: #000000;
text-align: center;
margin: 2px 0px 2px 0px;
clear: both;
font-size: 100%;

}

.NavButton {

border-style: solid;

border-left-color: #7f7f7f;
border-top-color: #7f7f7f;
border-right-color: #000000;
border-bottom-color: #000000;
background-color: #000000;
color: #ffffff;

border-width: 2px;
cursor: pointer;

}

.NavButtonUp {

border-style: solid;

border-left-color: #7f7f7f;
border-top-color: #7f7f7f;
border-right-color: #000000;
border-bottom-color: #000000;
color: #000000;
background-color: #ffffff;

border-width: 2px;
cursor: pointer;

}

.NavButtonDown {

border-style: solid;

border-left-color: #000000;
border-top-color: #000000;
border-right-color: #7f7f7f;
border-bottom-color: #7f7f7f;
color: #000000;
background-color: #ffffff;

border-width: 2px;
cursor: pointer;

}

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: #ADE2CE;
left: -50px;
top: -50px;
overflow: visible;

}

.rtl{

text-align: right;
font-size: 140%;

}

</style>

//<![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, '&quot;')

}

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();
}

}

//JCLOZE CORE JAVASCRIPT CODE

function ItemState(){

this.ClueGiven = false;
this.HintsAndChecks = 0;
this.MatchedAnswerLength = 0;
this.ItemScore = 0;
this.AnsweredCorrectly = false;
this.Guesses = new Array();
return this;

}

var Feedback = ''; var Correct = 'Bravo !'; var Incorrect = 'Dommage !'; var GiveHint = ''; var CaseSensitive = false; var YourScoreIs = 'Votre score est de : '; var Finished = false; var Locked = false; var Score = 0; var CurrentWord = 0; var Guesses = ''; var TimeOver = false;

I = new Array();

I[0] = new Array(); I[0][1] = new Array(); I[0][1][0] = new Array(); I[0][1][0][0] = '\u006C\u0075\u006D\u0069\u00E8\u0072\u0065'; I[0][2]='\u006C';

I[1] = new Array(); I[1][1] = new Array(); I[1][1][0] = new Array(); I[1][1][0][0] = '\u0074\u0069\u0072\u006F\u0069\u0072\u0073'; I[1][2]='\u0074';

I[2] = new Array(); I[2][1] = new Array(); I[2][1][0] = new Array(); I[2][1][0][0] = '\u006F\u0062\u0073\u0063\u0075\u0072\u0069\u0074\u00E9'; I[2][2]='\u006F';

I[3] = new Array(); I[3][1] = new Array(); I[3][1][0] = new Array(); I[3][1][0][0] = '\u0066\u00E9\u0065'; I[3][2]='\u0066';

I[4] = new Array(); I[4][1] = new Array(); I[4][1][0] = new Array(); I[4][1][0][0] = '\u0063\u006F\u0073\u0074\u0075\u006D\u0065'; I[4][2]='\u0063';

I[5] = new Array(); I[5][1] = new Array(); I[5][1][0] = new Array(); I[5][1][0][0] = '\u0066\u00E9\u0065'; I[5][2]='\u0066';

I[6] = new Array(); I[6][1] = new Array(); I[6][1][0] = new Array(); I[6][1][0][0] = '\u0066\u00E9\u0065'; I[6][2]='\u0066';

I[7] = new Array(); I[7][1] = new Array(); I[7][1][0] = new Array(); I[7][1][0][0] = '\u0069\u006E\u0073\u0074\u0061\u006E\u0074'; I[7][2]='\u0069';

I[8] = new Array(); I[8][1] = new Array(); I[8][1][0] = new Array(); I[8][1][0][0] = '\u0065\u006E\u0066\u0061\u006E\u0074\u0073'; I[8][2]='\u0065';

I[9] = new Array(); I[9][1] = new Array(); I[9][1][0] = new Array(); I[9][1][0][0] = '\u0065\u0073\u0070\u0072\u0069\u0074'; I[9][2]='\u0065';

I[10] = new Array(); I[10][1] = new Array(); I[10][1][0] = new Array(); I[10][1][0][0] = '\u0067\u006F\u0075\u0074\u0074\u0065\u0073'; I[10][2]='\u0067';

I[11] = new Array(); I[11][1] = new Array(); I[11][1][0] = new Array(); I[11][1][0][0] = '\u0073\u0061\u0076\u006F\u006E'; I[11][2]='\u0073';

I[12] = new Array(); I[12][1] = new Array(); I[12][1][0] = new Array(); I[12][1][0][0] = '\u006C\u0061\u0072\u006D\u0065\u0073'; I[12][2]='\u006C';

I[13] = new Array(); I[13][1] = new Array(); I[13][1][0] = new Array(); I[13][1][0][0] = '\u0069\u006E\u0063\u006F\u006E\u006E\u0075'; I[13][2]='\u0069';

State = new Array();

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';
}

var i = 0;

State.length = 0;
for (i=0; i<I.length; i++){
	State[i] = new ItemState();
}

ClearTextBoxes();

}

function ShowClue(ItemNum){

if (Locked == true){return;}
State[ItemNum].ClueGiven = true;
ShowMessage(I[ItemNum][2]);

}

function SaveCurrentAnswers(){

var Ans = '';
for (var i=0; i<I.length; i++){
	Ans = GetGapValue(i);
	if ((Ans.length > 0)&&(Ans != State[i].Guesses[State[i].Guesses.length-1])){
		State[i].Guesses[State[i].Guesses.length] = Ans;
	}
}

}

function CompileGuesses(){

var F = document.getElementById('store');
if (F != null){
	var Temp = '<?xml version="1.0"?><hpnetresult><fields>';
	var GapLabel = '';
	for (var i=0; i<State.length; i++){
		GapLabel = 'Gap ' + (i+1).toString();
		Temp += '<field><fieldname>' + GapLabel + '</fieldname>';
		Temp += '<fieldtype>student-responses</fieldtype><fieldlabel>' + GapLabel + '</fieldlabel>';
		Temp += '<fieldlabelid>JClozeStudentResponses</fieldlabelid><fielddata>';
		for (var j=0; j<State[i].Guesses.length; j++){
			if (j>0){Temp += '| ';}
			Temp += State[i].Guesses[j] + ' ';	
		}	
		Temp += '</fielddata></field>';
	}
	Temp += '</fields></hpnetresult>';
	Detail = Temp;
}

}

function CheckAnswers(){

if (Locked == true){return;}
SaveCurrentAnswers();
var AllCorrect = true;

//Check each answer

for (var i = 0; i<I.length; i++){

	if (State[i].AnsweredCorrectly == false){

//If it's right, calculate its score

		if (CheckAnswer(i, true) > -1){
			var TotalChars = GetGapValue(i).length;
			State[i].ItemScore = (TotalChars-State[i].HintsAndChecks)/TotalChars;
			if (State[i].ClueGiven == true){State[i].ItemScore /= 2;}
			if (State[i].ItemScore <0 ){State[i].ItemScore = 0;}
			State[i].AnsweredCorrectly = true;

//Drop the correct answer into the page, replacing the text box

			SetCorrectAnswer(i, GetGapValue(i));
		}
		else{

//Otherwise, increment the hints for this item, as a penalty

			State[i].HintsAndChecks++;

//then set the flag

			AllCorrect = false;
		}
	}
}

//Calculate the total score

var TotalScore = 0;
for (i=0; i<State.length; i++){
	TotalScore += State[i].ItemScore;
}
TotalScore = Math.floor((TotalScore * 100)/I.length);

//Compile the output

Output = '';

if (AllCorrect == true){
	Output = Correct + '<br />';
}

Output += YourScoreIs + ' ' + TotalScore + '%.<br />';
if (AllCorrect == false){
	Output += Incorrect;
}
ShowMessage(Output);
setTimeout('WriteToInstructions(Output)', 50);

Score = TotalScore;
CompileGuesses();

if ((AllCorrect == true)||(Finished == true)){

	TimeOver = true;
	Locked = true;
	Finished = true;
	setTimeout('Finish()', SubmissionTimeout);
}

}

function TrackFocus(BoxNumber){

CurrentWord = BoxNumber;
InTextBox = true;

}

function LeaveGap(){

InTextBox = false;

}

function CheckBeginning(Guess, Answer){

var OutString = '';
var i = 0;
var UpperGuess = '';
var UpperAnswer = '';

if (CaseSensitive == false) {
	UpperGuess = Guess.toUpperCase();
	UpperAnswer = Answer.toUpperCase();
}
else {
	UpperGuess = Guess;
	UpperAnswer = Answer;
}

while (UpperGuess.charAt(i) == UpperAnswer.charAt(i)) {
	OutString += Guess.charAt(i);
	i++;
}
OutString += Answer.charAt(i);
return OutString;

}

function GetGapValue(GNum){

var RetVal = '';
if ((GNum<0)||(GNum>=I.length)){return RetVal;}
if (document.getElementById('Gap' + GNum) != null){
	RetVal = document.getElementById('Gap' + GNum).value;
	RetVal = TrimString(RetVal);
}
else{
	RetVal = State[GNum].Guesses[State[GNum].Guesses.length-1];
}
return RetVal;

}

function SetGapValue(GNum, Val){

if ((GNum<0)||(GNum>=I.length)){return;}
if (document.getElementById('Gap' + GNum) != null){
	document.getElementById('Gap' + GNum).value = Val;
	document.getElementById('Gap' + GNum).focus();
}

}

function SetCorrectAnswer(GNum, Val){

if ((GNum<0)||(GNum>=I.length)){return;}
if (document.getElementById('GapSpan' + GNum) != null){
	document.getElementById('GapSpan' + GNum).innerHTML = Val;
}

}

function FindCurrent() {

var x = 0;
FoundCurrent = -1;

//Test the current word: //If its state is not set to already correct, check the word.

if (State[CurrentWord].AnsweredCorrectly == false){
	if (CheckAnswer(CurrentWord, false) < 0){
		return CurrentWord;
	}
}

x=CurrentWord + 1;
while (x<I.length){
	if (State[x].AnsweredCorrectly == false){
		if (CheckAnswer(x, false) < 0){
			return x;
		}
	}
x++;	
}

x = 0;
while (x<CurrentWord){
	if (State[x].AnsweredCorrectly == false){
		if (CheckAnswer(x, false) < 0){
			return x;
		}
	}
x++;	
}
return FoundCurrent;

}

function CheckAnswer(GapNum, MarkAnswer){

var Guess = GetGapValue(GapNum);
var UpperGuess = '';
var UpperAnswer = '';
if (CaseSensitive == false){
	UpperGuess = Guess.toUpperCase();
}
else{
	UpperGuess = Guess;
}
var Match = -1;
for (var i = 0; i<I[GapNum][1].length; i++){
	if (CaseSensitive == false){
		UpperAnswer = I[GapNum][1][i][0].toUpperCase();
	}
	else{
		UpperAnswer = I[GapNum][1][i][0];
	}
	if (TrimString(UpperGuess) == UpperAnswer){
		Match = i;
		if (MarkAnswer == true){
			State[GapNum].AnsweredCorrectly = true;
		}
	}
}
return Match;

}

function GetHint(GapNum){

Guess = GetGapValue(GapNum);

if (CheckAnswer(GapNum, false) > -1){return ''}
RightBits = new Array();
for (var i=0; i<I[GapNum][1].length; i++){
	RightBits[i] = CheckBeginning(Guess, I[GapNum][1][i][0]);
}
var RightOne = FindLongest(RightBits);
var Result = I[GapNum][1][RightOne][0].substring(0,RightBits[RightOne].length);

//Add another char if the last one is a space

if (Result.charAt(Result.length-1) == ' '){
	Result = I[GapNum][1][RightOne][0].substring(0,RightBits[RightOne].length+1);
}
return Result;

}

function ShowHint(){

if (document.getElementById('FeedbackDiv').style.display == 'block'){return;}
if (Locked == true){return;}
var CurrGap = FindCurrent();
if (CurrGap < 0){return;}

var HintString = GetHint(CurrGap);

if (HintString.length > 0){
	SetGapValue(CurrGap, HintString);
	State[CurrGap].HintsAndChecks += 1;
}
ShowMessage(GiveHint);

}

function TypeChars(Chars){

var CurrGap = FindCurrent();
if (CurrGap < 0){return;}
if (document.getElementById('Gap' + CurrGap) != null){
	SetGapValue(CurrGap, document.getElementById('Gap' + CurrGap).value + Chars);
}

}

//–>

//]]>

</script>

</head>

<!– BeginTopNavButtons –>

<!– EndTopNavButtons –>

<h2 class="ExerciseTitle"></h2>

<div id="Instructions">A l'aide de l'extrait audio du chapitre 3 de Peter Pan "Partons, Partons !", retrouvez les mots manquants dans le texte &#x00E0; trou !<br />Cliquez sur le bouton "indice" pour voir la premi&#x00E8;re lettre du mot manquant... mais vous perdrez des points !</div>

<!– These top buttons hidden; reveal if required –> <!–  Vérifier 

 Indice 

–>

Partons partons<br /><br />Après le départ de Mr et Mme Darling de leur domicile, les trois veilleuses de chacun des enfants continuèrent à bruler avec clarté. C'était des charmantes petites veilleuses et on aurait préféré qu'elles restassent éveillées pour voir Peter. Mais celle de Wendy se mit à cligner des paupières et bailla si fort que les deux autres firent de même et avant que leur bouche eussent le temps de se refermer, les trois veilleuses s'éteignirent. <br /><br />Une autre <input type=“text” id=“Gap0” onfocus=“TrackFocus(0)” onblur=“LeaveGap()” class=“GapBox” size=“7”></input> se mit à briller dans la chambre, mille fois plus vive que les veilleuses et en moins de temps qu'il n'en faut pour le dire, elle avait inspecté tous les <input type=“text” id=“Gap1” onfocus=“TrackFocus(1)” onblur=“LeaveGap()” class=“GapBox” size=“7”></input> de la chambre, fouillé l'armoire et retourné toutes les poches à la recherche de l'ombre de Peter. Ce n'était pas vraiment une lumière, mais quelque chose qui bougeait à toute vitesse dans l'<input type=“text” id=“Gap2” onfocus=“TrackFocus(2)” onblur=“LeaveGap()” class=“GapBox” size=“9”></input> en faisant des trainées lumineuses, et quand cette chose s'arrêta un instant, on put voir que c'était une <input type=“text” id=“Gap3” onfocus=“TrackFocus(3)” onblur=“LeaveGap()” class=“GapBox” size=“6”></input>, guère plus grande qu'une main car elle n'avait pas encore terminé sa croissance. Elle s'appellait Clochette. Elle était divinement habillée d'un <input type=“text” id=“Gap4” onfocus=“TrackFocus(4)” onblur=“LeaveGap()” class=“GapBox” size=“7”></input> de feuillages taillé court et au carré pour la mettre à son avantage, car elle était un peu enveloppée. Peu après l'apparition de la <input type=“text” id=“Gap5” onfocus=“TrackFocus(5)” onblur=“LeaveGap()” class=“GapBox” size=“6”></input>, la fenêtre s'ouvrit en grand, poussée par le souffle des petites étoiles et Peter fit son entrée. Il avait porté Clochette une partie du chemin et sa main était barbouillée de poussière de <input type=“text” id=“Gap6” onfocus=“TrackFocus(6)” onblur=“LeaveGap()” class=“GapBox” size=“6”></input>.<br /><br />“Clochette !” appela-t-il doucement, après s'être assuré que les enfants dormaient. “Clo ! Où es tu ?”<br /><br />A cet <input type=“text” id=“Gap7” onfocus=“TrackFocus(7)” onblur=“LeaveGap()” class=“GapBox” size=“7”></input>, elle se trouvait dans une cruche et s'y plaisait beaucoup, elle n'avait j'amais visité de cruche auparavant.<br /><br />“Voyons ! Sors de cette cruche et dis-moi si tu as retrouvé mon ombre !”<br /><br />La réponse sonna en un joli tintement argentin. C'était le langage des fées. (Tintement de fée)<br /><br />Les <input type=“text” id=“Gap8” onfocus=“TrackFocus(8)” onblur=“LeaveGap()” class=“GapBox” size=“7”></input> ordinaires ne pouvaient pas l'entendre, mais si par chance vous l'entendiez, vous vous rappeleriez que vous l'avez déjà entendu. Clochette dit que l'ombre était dans la grande boite, elle parlait de la commode. Peter bondit vers les tiroirs, vida à deux mains leur contenu sur le sol, comme un roi jetant des pièces de monnaie à la foule. En un clin-d'oeil, il avait retrouvé son ombre et en fut si réjoui qu'il referma le tiroir en oubliant Clochette dedans. Dans son <input type=“text” id=“Gap9” onfocus=“TrackFocus(9)” onblur=“LeaveGap()” class=“GapBox” size=“6”></input>, mais je crois qu'il ne s'en servait pas beaucoup, il suffisait de rapprocher son corps et son ombre l'un de lautre pour qu'ils se rejoignent comme deux <input type=“text” id=“Gap10” onfocus=“TrackFocus(10)” onblur=“LeaveGap()” class=“GapBox” size=“7”></input> d'eau. Mais ça ne se passa pas ainsi, à sa grande frayeur. Il tenta de les recoller avec du <input type=“text” id=“Gap11” onfocus=“TrackFocus(11)” onblur=“LeaveGap()” class=“GapBox” size=“6”></input> dans la salle-de-bain, mais ça ne fonctionna pas non plus. Frisssonnant de tout son corps, Peter se laissa tomber par terre et fondit en <input type=“text” id=“Gap12” onfocus=“TrackFocus(12)” onblur=“LeaveGap()” class=“GapBox” size=“6”></input>. Ses sanglots réveillèrent Wendy qui s'assit dans son lit. Elle ne semblait pas effrayée de découvrir un <input type=“text” id=“Gap13” onfocus=“TrackFocus(13)” onblur=“LeaveGap()” class=“GapBox” size=“7”></input> pleurant sur le plancher de sa chambre, mais plutôt intéressée…<br />

</form>

 Vérifier 

 Indice 

 OK 

<!– BeginBottomNavButtons –>

<!– EndBottomNavButtons –>

<!– BeginSubmissionForm –>

<!– EndSubmissionForm –>

</body>

<a href=“http://lingalog.net/dokuwiki/cours/jpc/stic/trx13/contes”> A c c u e i l</a></td><td> <center> <a href=“http://lingalog.net/dokuwiki/cours/jpc/stic/trx13/peterpan-oo”>L' œ u v r e   o r i g i n a l e</td><td><a href=“http://lingalog.net/dokuwiki/cours/jpc/stic/trx13/peterpan-au-theatre”>A u   t h é â t r e</td><td><a href=“http://lingalog.net/dokuwiki/cours/jpc/stic/trx13/peterpan-au-cinema”>A u   c i n é m a</td><td><a href=“http://lingalog.net/dokuwiki/cours/jpc/stic/trx13/peterpan-oo”>B D   L o i s e l</td><td><span style=“font-size:20px; letter-spacing:-2px;font-family:Playfair Display SC; text-shadow: 1px 1px 3px #2f2a19;color:#2f2a19;padding-left:35px;”><a href=“http://lingalog.net/dokuwiki/cours/jpc/stic/trx13/peterpan-en-musique”>E n   m u s i q u e</td></tr> </center></a></div></table> </html> —- <html> <div style = “text-align : center ; font-size : 16px ; color :#3b3b3b; font-family : 'Patrick Hand SC', cursive ; width: 750px; margin-right: auto; margin-left: auto;”“> Site créé par Emma Rischette et Fanny Rouby dans le cadre du cours de « Didactique et nouvelles technologies »<br> M1 FLES – Année 2012-2013 </html>