<html><head>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'><script type=“text/javascript”> _uacct = “UA-994360-1”; urchinTracker(); </script> <script type=“text/javascript”> var colour=“#ddd43e”; var sparkles=50; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility=“hidden”; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor=“transparent”; rats.style.visibility=“hidden”; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top=“2px”; rlef.style.left=“0px”; rdow.style.top=“0px”; rdow.style.left=“2px”; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+“px”; star[c].style.top=(stary[c]=y)+“px”; star[c].style.clip=“rect(0px, 5px, 5px, 0px)”; star[c].style.visibility=“visible”; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star©; if (tinyv[c]) update_tiny©; } setTimeout(“sparkle()”, 40); } function update_star(i) { if (–starv[i]==25) star[i].style.clip=“rect(1px, 4px, 4px, 1px)”; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+“px”; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+“px”; } else { star[i].style.visibility=“hidden”; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+“px”; tiny[i].style.left=(tinyx[i]=starx[i])+“px”; tiny[i].style.width=“2px”; tiny[i].style.height=“2px”; star[i].style.visibility=“hidden”; tiny[i].style.visibility=“visible” } } function update_tiny(i) { if (–tinyv[i]==25) { tiny[i].style.width=“1px”; tiny[i].style.height=“1px”; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+“px”; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+“px”; } else { tiny[i].style.visibility=“hidden”; tinyv[i]=0; return; } } else tiny[i].style.visibility=“hidden”; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)==“number”) { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)==“number”) { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement(“div”); div.style.position=“absolute”; div.style.height=height+“px”; div.style.width=width+“px”; div.style.overflow=“hidden”; div.style.backgroundColor=colour; return (div); } // ]]> </script></head></html>
<html><br><center>Peter Pan en Musique</center></html> <html><br>
« Tu vois, les enfants savent beaucoup de choses aujourd’hui, ils ne croient plus aux fées,<br>et à chaque fois qu’un enfant dit je ne crois plus aux fées , il y a une fée quelque part qui tombe raide morte. »<br><br>
</html>
<html> <br>
<iframe width=“200” height=“200” src=“http://www.youtube.com/embed/Cb2dde0Z6NU” frameborder=“0” allowfullscreen></iframe><br> Le syndrome de Peter Pan, ElIsa Tovati, 2010 <br><br> <iframe width=“200” height=“200” src=“http://www.youtube.com/embed/rTExr1alMew” frameborder=“0” allowfullscreen></iframe><br> Le syndrome de Peter Pan, Freedom For KingKong, 2003 <br><br> <iframe width=200“ height=“200” src=“http://www.youtube.com/embed/IyLgjIrmuWs” frameborder=“0” allowfullscreen></iframe><br> Je ne veux pas être grand, Arno, 1996 <br><br><br><br> <center><iframe width=“200” height=“200” src=“http://www.youtube.com/embed/JaHtzsZ6jMc” frameborder=“0” allowfullscreen></iframe><br>
Peter Pan, Indochine, 1996
<br><br>
<?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 Fanny."></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=“Fanny” />
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” />
<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 –>
<style type=“text/css”> * html object.MediaPlayerNotForIE {
display: none;
}
body{
font-family: Geneva,Arial,sans-serif; background-color: #409F6D; 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: #BCD9CA; 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: #409F6D; 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: #BCD9CA;
}
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: #BCD9CA;
}
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: #ddece4; border-top-color: #ddece4; border-right-color: #5e6c65; border-bottom-color: #5e6c65; color: #000000; background-color: #BCD9CA;
border-width: 2px; padding: 3px 6px 3px 6px; cursor: pointer;
}
.FuncButtonUp {
color: #BCD9CA; text-align: center; border-style: solid;
border-left-color: #ddece4; border-top-color: #ddece4; border-right-color: #5e6c65; border-bottom-color: #5e6c65;
background-color: #000000; color: #BCD9CA; border-width: 2px; padding: 3px 6px 3px 6px; cursor: pointer;
}
.FuncButtonDown {
color: #BCD9CA; text-align: center; border-style: solid;
border-left-color: #5e6c65; border-top-color: #5e6c65; border-right-color: #ddece4; border-bottom-color: #ddece4; background-color: #000000; color: #BCD9CA;
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: #BCD9CA; 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 = 'Bravo !'; var Incorrect = 'Quelques unes de vos réponses sont incorrectes ! Les lettres fausses ont été supprimées.'; var GiveHint = ''; 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(,,,,,,'S',,,,,,);
L[1] = new Array(,,,,,,'\,,,,,,);
L[2] = new Array(,,,,,'F','E','E',,,,,);
L[3] = new Array(,,,,,,'N',,,,,,);
L[4] = new Array(,,'G','R','A','N','D','I','R',,,,);
L[5] = new Array(,,,,,,'O',,,,,,);
L[6] = new Array('C','H','A','N','G','E','R',,,,,,);
L[7] = new Array(,,,,,,'M',,,,,,);
L[8] = new Array(,,,,,,'I',,'P',,'V',,);
L[9] = new Array(,,,,,,'R','E','A','L','I','T','E');
L[10] = new Array(,,,,,,,,'Y',,'E',,);
L[11] = new Array(,,,,,,,,'S',,,,);
CL = new Array(); CL[0] = new Array(0,0,0,0,0,0,1,0,0,0,0,0,0); CL[1] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0); CL[2] = new Array(0,0,0,0,0,2,0,0,0,0,0,0,0); CL[3] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0); CL[4] = new Array(0,0,3,0,0,0,0,0,0,0,0,0,0); CL[5] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0); CL[6] = new Array(4,0,0,0,0,0,0,0,0,0,0,0,0); CL[7] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0); CL[8] = new Array(0,0,0,0,0,0,0,0,5,0,6,0,0); CL[9] = new Array(0,0,0,0,0,0,7,0,0,0,0,0,0); CL[10] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0); CL[11] = new Array(0,0,0,0,0,0,0,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(,,,,,,,,,,,,);
G[7] = new Array(,,,,,,,,,,,,);
G[8] = new Array(,,,,,,,,,,,,);
G[9] = new Array(,,,,,,,,,,,,);
G[10] = new Array(,,,,,,,,,,,,);
G[11] = 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"></h2>
<div id="Instructions">Complétez les mots-croisés, puis cliquez sur "vérifier" pour vérifier vos réponses. Cliquez sur la première case de chaque terme pour voir apparaître la définition.<br />Pour vous aidez, écoutez attentivement les paroles de la chanson Peter Pan du groupe Indochine ... tous les termes du jeu s'y trouvent ! </div>
<!– This top button is hidden; uncomment it to reveal it. –> <!– Vérifier
–>
<table class=“CrosswordGrid”> <tbody>
<tr id=“Row_0”><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(1,0,6)”>1</a> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_1”><td class=“BlankCell”> </td><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><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_2”><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(2,2,5)”>2</a> </td><td class=“LetterOnlyCell”> </td><td class=“LetterOnlyCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_3”><td class=“BlankCell”> </td><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><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_4”><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(3,4,2)”>3</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><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </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=“BlankCell”> </td><td class=“LetterOnlyCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_6”><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(4,6,0)”>4</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><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_7”><td class=“BlankCell”> </td><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><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_8”><td class=“BlankCell”> </td><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><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(5,8,8)”>5</a> </td><td class=“BlankCell”> </td><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(6,8,10)”>6</a> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_9”><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“NumLetterCell”><a href=“javascript:void(0);” class=“GridNum” onclick=“ShowClue(7,9,6)”>7</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><tr id=“Row_10”><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><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><td class=“LetterOnlyCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr><tr id=“Row_11”><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td><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><td class=“BlankCell”> </td><td class=“BlankCell”> </td><td class=“BlankCell”> </td></tr>
</tbody> </table>
Vérifier
<table id=“Clues” style=“display: none;”> <tbody> <tr> <td>
<table class=“ClueList”> <tbody id=“CluesAcross”> <tr><td colspan=“2”><h3 class=“ExerciseSubtitle” id=“CluesAcrossLabel”>Horizontal : </h3></td></tr>
<tr><td class=“ClueNum”>2. </td><td id=“Clue_A_2” class=“Clue”>Petit personnage fantastique ailé aux pouvoirs magiques.</td></tr><tr><td class=“ClueNum”>3. </td><td id=“Clue_A_3” class=“Clue”>Devenir plus âgé et/ou augmenter en taille.</td></tr><tr><td class=“ClueNum”>4. </td><td id=“Clue_A_4” class=“Clue”>Devenir différent.</td></tr><tr><td class=“ClueNum”>7. </td><td id=“Clue_A_7” class=“Clue”>Inverse du rêve et de l'illusion.</td></tr>
</tbody> </table>
</td>
<td>
<table class=“ClueList”> <tbody id=“CluesDown”> <tr><td colspan=“2”><h3 class=“ExerciseSubtitle” id=“CluesDownLabel”>Vertical : </h3></td></tr>
<tr><td class=“ClueNum”>1. </td><td id=“Clue_D_1” class=“Clue”>Tomber dans le sommeil.</td></tr><tr><td class=“ClueNum”>5. </td><td id=“Clue_D_5” class=“Clue”>Territoire entouré de frontières.</td></tr><tr><td class=“ClueNum”>6. </td><td id=“Clue_D_6” class=“Clue”>Inverse de la mort.</td></tr>
</tbody> </table>
</td> </tr> </tbody> </table>
OK
<!– BeginBottomNavButtons –>
<!– EndBottomNavButtons –>
<!– BeginSubmissionForm –>
<!– EndSubmissionForm –>
</body>
<br></html>
<html><center> <table border=“0px” align=“center” width=“90%”><tr><td>
<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-bd-loisel”>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>