Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
cours:jpc:stic:trx13:entrelesmurs [07/02/2013 17:43] – mhaine | cours:jpc:stic:trx13:entrelesmurs [24/11/2022 05:34] (Version actuelle) – modification externe 127.0.0.1 | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
+ | ====== Entre Les Murs ====== | ||
+ | |||
+ | Sur cette page, vous trouverez de quoi travailler sur l' | ||
+ | |||
+ | |||
+ | <fc # | ||
+ | |||
+ | |||
+ | Regardez l' | ||
+ | |||
+ | {{: | ||
+ | |||
+ | |||
+ | Qui sont ces jeunes gens? Où sont-ils? Quelle est selon vous l' | ||
+ | |||
+ | Décrivez l' | ||
+ | le personnage de gauche, | ||
+ | le personnage de droite, | ||
+ | les deux personnages du milieu. | ||
+ | |||
+ | |||
+ | |||
+ | Voici 2 autres affiches: | ||
+ | |||
+ | |||
+ | {{: | ||
+ | |||
+ | |||
+ | De quels pays viennent les deux autres? | ||
+ | |||
+ | |||
+ | Après avoir trouvé les points communs et les différences entre les affiches, dites laquelle vous préférez et pourquoi. | ||
+ | |||
+ | |||
+ | |||
+ | <fc # | ||
+ | |||
+ | Répondez au quiz suivant. Regardez la bande annonce SANS le son pour les questions 1, 2 et 3. Répondez à la question 4 en ayant regardé la bande annonce AVEC le son: | ||
+ | |||
+ | -Bande-annonce: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Après avoir vu les affiches et la bande-annonce, | ||
+ | |||
+ | <fc # | ||
+ | |||
+ | Lisez l' | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | Quelles sont les caractéristiques d’un texte comme celui-ci? Relevez les ressemblances. | ||
+ | |||
+ | Complétez le tableau en reliant chaque personnage au trait de caractère qui lui correspond: | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | | ||
+ | |||
+ | <link rel=" | ||
+ | <meta name=" | ||
+ | <meta name=" | ||
+ | |||
+ | |||
+ | <meta http-equiv=" | ||
+ | |||
+ | < | ||
+ | Les personnages et leur personnalit&# | ||
+ | </ | ||
+ | |||
+ | <!-- 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=" | ||
+ | |||
+ | |||
+ | /* This is the CSS stylesheet used in the exercise. */ | ||
+ | /* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */ | ||
+ | |||
+ | /* BeginCorePageCSS */ | ||
+ | |||
+ | /* Made with executable version 6.3 Release 0 Build 5 */ | ||
+ | |||
+ | |||
+ | /* Hack to hide a nested Quicktime player from IE, which can't handle it. */ | ||
+ | * html object.MediaPlayerNotForIE { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | font-family: | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | |||
+ | margin-right: | ||
+ | margin-left: | ||
+ | font-size: small; | ||
+ | } | ||
+ | |||
+ | p{ | ||
+ | text-align: | ||
+ | margin: 0px; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | table, | ||
+ | font-size: 100%; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | div.Titles{ | ||
+ | padding: 0.5em;; | ||
+ | text-align: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | button{ | ||
+ | font-family: | ||
+ | font-size: 100%; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | .ExerciseTitle{ | ||
+ | font-size: 140%; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .ExerciseSubtitle{ | ||
+ | font-size: 120%; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | div.StdDiv{ | ||
+ | background-color: | ||
+ | text-align: | ||
+ | font-size: 100%; | ||
+ | color: #000000; | ||
+ | padding: 0.5em; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | border-color: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | /* EndCorePageCSS */ | ||
+ | |||
+ | .RTLText{ | ||
+ | text-align: | ||
+ | font-size: 150%; | ||
+ | direction: rtl; | ||
+ | font-family: | ||
+ | } | ||
+ | |||
+ | .CentredRTLText{ | ||
+ | text-align: | ||
+ | font-size: 150%; | ||
+ | direction: rtl; | ||
+ | font-family: | ||
+ | } | ||
+ | |||
+ | button p.RTLText{ | ||
+ | text-align: | ||
+ | } | ||
+ | |||
+ | .RTLGapBox{ | ||
+ | text-align: | ||
+ | font-size: 150%; | ||
+ | direction: rtl; | ||
+ | font-family: | ||
+ | } | ||
+ | |||
+ | .Guess{ | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | .CorrectAnswer{ | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | div#Timer{ | ||
+ | padding: 0.25em; | ||
+ | margin-left: | ||
+ | margin-right: | ||
+ | text-align: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | span# | ||
+ | padding: 0.25em; | ||
+ | border-width: | ||
+ | border-style: | ||
+ | font-weight: | ||
+ | display: none; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | span.Instructions{ | ||
+ | |||
+ | } | ||
+ | |||
+ | div.ExerciseText{ | ||
+ | |||
+ | } | ||
+ | |||
+ | .FeedbackText, | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .LeftItem{ | ||
+ | font-size: 100%; | ||
+ | color: #000000; | ||
+ | text-align: | ||
+ | } | ||
+ | |||
+ | .RightItem{ | ||
+ | font-weight: | ||
+ | font-size: 100%; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | span.CorrectMark{ | ||
+ | |||
+ | } | ||
+ | |||
+ | input, textarea{ | ||
+ | font-family: | ||
+ | font-size: 120%; | ||
+ | } | ||
+ | |||
+ | select{ | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | div.Feedback { | ||
+ | background-color: | ||
+ | left: 33%; | ||
+ | width: 34%; | ||
+ | top: 33%; | ||
+ | z-index: 1; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | padding: 5px; | ||
+ | text-align: | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | display: none; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | div.ExerciseDiv{ | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | /* JMatch flashcard styles */ | ||
+ | table.FlashcardTable{ | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | border-color: | ||
+ | margin-left: | ||
+ | margin-right: | ||
+ | margin-top: | ||
+ | margin-bottom: | ||
+ | width: 90%; | ||
+ | position: relative; | ||
+ | text-align: | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | table.FlashcardTable tr{ | ||
+ | border-style: | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | table.FlashcardTable td.Showing{ | ||
+ | font-size: 140%; | ||
+ | text-align: | ||
+ | width: 50%; | ||
+ | display: table-cell; | ||
+ | padding: 2em; | ||
+ | margin: 0px; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | table.FlashcardTable td.Hidden{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* JMix styles */ | ||
+ | div# | ||
+ | margin-top: | ||
+ | margin-bottom: | ||
+ | text-align: | ||
+ | } | ||
+ | |||
+ | a.ExSegment{ | ||
+ | font-size: 120%; | ||
+ | font-weight: | ||
+ | text-decoration: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | span.RemainingWordList{ | ||
+ | font-style: | ||
+ | } | ||
+ | |||
+ | div.DropLine { | ||
+ | position: absolute; | ||
+ | text-align: | ||
+ | border-bottom-style: | ||
+ | border-bottom-width: | ||
+ | border-bottom-color: | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | /* JCloze styles */ | ||
+ | |||
+ | .ClozeWordList{ | ||
+ | text-align: | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | div.ClozeBody{ | ||
+ | text-align: | ||
+ | margin-top: | ||
+ | margin-bottom: | ||
+ | line-height: | ||
+ | } | ||
+ | |||
+ | span.GapSpan{ | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | /* JCross styles */ | ||
+ | |||
+ | table.CrosswordGrid{ | ||
+ | margin: auto auto 1em auto; | ||
+ | border-collapse: | ||
+ | padding: 0px; | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | table.CrosswordGrid tbody tr td{ | ||
+ | width: 1.5em; | ||
+ | height: 1.5em; | ||
+ | text-align: | ||
+ | vertical-align: | ||
+ | font-size: 140%; | ||
+ | padding: 1px; | ||
+ | margin: 0px; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | border-color: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | table.CrosswordGrid span{ | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | table.CrosswordGrid td.BlankCell{ | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | table.CrosswordGrid td.LetterOnlyCell{ | ||
+ | text-align: | ||
+ | vertical-align: | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | table.CrosswordGrid td.NumLetterCell{ | ||
+ | text-align: | ||
+ | vertical-align: | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | padding: 1px; | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | .NumLetterCellText{ | ||
+ | cursor: pointer; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .GridNum{ | ||
+ | vertical-align: | ||
+ | font-size: 66%; | ||
+ | font-weight: | ||
+ | text-decoration: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .GridNum: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | table# | ||
+ | margin: auto; | ||
+ | vertical-align: | ||
+ | } | ||
+ | |||
+ | table#Clues td{ | ||
+ | vertical-align: | ||
+ | } | ||
+ | |||
+ | table.ClueList{ | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | td.ClueNum{ | ||
+ | text-align: | ||
+ | font-weight: | ||
+ | vertical-align: | ||
+ | } | ||
+ | |||
+ | td.Clue{ | ||
+ | text-align: | ||
+ | } | ||
+ | |||
+ | div# | ||
+ | text-align: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | /* Keypad styles */ | ||
+ | |||
+ | div.Keypad{ | ||
+ | text-align: | ||
+ | display: none; /* initially hidden, shown if needed */ | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | div.Keypad button{ | ||
+ | font-family: | ||
+ | font-size: 120%; | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | width: 2em; | ||
+ | } | ||
+ | |||
+ | /* JQuiz styles */ | ||
+ | |||
+ | div.QuestionNavigation{ | ||
+ | text-align: | ||
+ | } | ||
+ | |||
+ | .QNum{ | ||
+ | margin: 0em 1em 0.5em 1em; | ||
+ | font-weight: | ||
+ | vertical-align: | ||
+ | } | ||
+ | |||
+ | textarea{ | ||
+ | font-family: | ||
+ | } | ||
+ | |||
+ | .QuestionText{ | ||
+ | text-align: | ||
+ | margin: 0px; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | .Answer{ | ||
+ | font-size: 120%; | ||
+ | letter-spacing: | ||
+ | } | ||
+ | |||
+ | .PartialAnswer{ | ||
+ | font-size: 120%; | ||
+ | letter-spacing: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .Highlight{ | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | font-weight: | ||
+ | font-size: 120%; | ||
+ | } | ||
+ | |||
+ | ol.QuizQuestions{ | ||
+ | text-align: | ||
+ | list-style-type: | ||
+ | } | ||
+ | |||
+ | li.QuizQuestion{ | ||
+ | padding: 1em; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | } | ||
+ | |||
+ | ol.MCAnswers{ | ||
+ | text-align: | ||
+ | list-style-type: | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | ol.MCAnswers li{ | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | ol.MSelAnswers{ | ||
+ | text-align: | ||
+ | list-style-type: | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | div.ShortAnswer{ | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | .FuncButton { | ||
+ | text-align: | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | |||
+ | border-width: | ||
+ | padding: 3px 6px 3px 6px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .FuncButtonUp { | ||
+ | color: #FFFFFF; | ||
+ | text-align: | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | |||
+ | background-color: | ||
+ | color: #FFFFFF; | ||
+ | border-width: | ||
+ | padding: 3px 6px 3px 6px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .FuncButtonDown { | ||
+ | color: #FFFFFF; | ||
+ | text-align: | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | background-color: | ||
+ | color: #FFFFFF; | ||
+ | |||
+ | border-width: | ||
+ | padding: 3px 6px 3px 6px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | / | ||
+ | |||
+ | div.NavButtonBar{ | ||
+ | background-color: | ||
+ | text-align: | ||
+ | margin: 2px 0px 2px 0px; | ||
+ | clear: both; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | .NavButton { | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | background-color: | ||
+ | color: #ffffff; | ||
+ | |||
+ | border-width: | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .NavButtonUp { | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | |||
+ | border-width: | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .NavButtonDown { | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | |||
+ | border-width: | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | / | ||
+ | |||
+ | a{ | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | |||
+ | a:visited{ | ||
+ | color: #0000CC; | ||
+ | } | ||
+ | |||
+ | a:hover{ | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | |||
+ | div.CardStyle { | ||
+ | position: absolute; | ||
+ | font-family: | ||
+ | font-size: 100%; | ||
+ | padding: 5px; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | left: -50px; | ||
+ | top: -50px; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | .rtl{ | ||
+ | text-align: | ||
+ | font-size: 140%; | ||
+ | } | ||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | <script type=" | ||
+ | |||
+ | //< | ||
+ | |||
+ | <!-- | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | 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(' | ||
+ | this.win = (this.ver.indexOf(' | ||
+ | |||
+ | //Look for Gecko | ||
+ | this.gecko = (this.ua.indexOf(' | ||
+ | if (this.gecko){ | ||
+ | this.geckoVer = parseInt(this.ua.substring(this.ua.indexOf(' | ||
+ | // if (this.geckoVer < 20020000){this.min = false;} | ||
+ | } | ||
+ | |||
+ | //Look for Firebird | ||
+ | this.firebird = (this.ua.indexOf(' | ||
+ | |||
+ | //Look for Safari | ||
+ | this.safari = (this.ua.indexOf(' | ||
+ | if (this.safari){ | ||
+ | this.gecko = false; | ||
+ | } | ||
+ | |||
+ | //Look for IE | ||
+ | this.ie = (this.ua.indexOf(' | ||
+ | if (this.ie){ | ||
+ | this.ieVer = parseFloat(this.ua.substring(this.ua.indexOf(' | ||
+ | if (this.ieVer < 5.5){this.min = false;} | ||
+ | } | ||
+ | |||
+ | //Look for Opera | ||
+ | this.opera = (this.ua.indexOf(' | ||
+ | if (this.opera){ | ||
+ | this.operaVer = parseFloat(this.ua.substring(this.ua.indexOf(' | ||
+ | if (this.operaVer < 7.04){this.min = false;} | ||
+ | } | ||
+ | if (this.min == false){ | ||
+ | // | ||
+ | } | ||
+ | |||
+ | //Special case for the horrible ie5mac | ||
+ | this.ie5mac = (this.ie&& | ||
+ | } | ||
+ | |||
+ | var C = new Client(); | ||
+ | |||
+ | //for (prop in C){ | ||
+ | // | ||
+ | //} | ||
+ | |||
+ | |||
+ | |||
+ | //CODE FOR HANDLING NAV BUTTONS AND FUNCTION BUTTONS | ||
+ | |||
+ | // | ||
+ | function NavBtnOver(Btn){ | ||
+ | if (Btn.className != ' | ||
+ | } | ||
+ | |||
+ | function NavBtnOut(Btn){ | ||
+ | Btn.className = ' | ||
+ | } | ||
+ | |||
+ | function NavBtnDown(Btn){ | ||
+ | Btn.className = ' | ||
+ | } | ||
+ | // | ||
+ | |||
+ | function FuncBtnOver(Btn){ | ||
+ | if (Btn.className != ' | ||
+ | } | ||
+ | |||
+ | function FuncBtnOut(Btn){ | ||
+ | Btn.className = ' | ||
+ | } | ||
+ | |||
+ | function FuncBtnDown(Btn){ | ||
+ | Btn.className = ' | ||
+ | } | ||
+ | |||
+ | function FocusAButton(){ | ||
+ | if (document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | } | ||
+ | else{ | ||
+ | if (document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | } | ||
+ | else{ | ||
+ | document.getElementsByTagName(' | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | //CODE FOR HANDLING DISPLAY OF POPUP FEEDBACK BOX | ||
+ | |||
+ | var topZ = 1000; | ||
+ | |||
+ | function ShowMessage(Feedback){ | ||
+ | var Output = Feedback + '< | ||
+ | document.getElementById(' | ||
+ | var FDiv = document.getElementById(' | ||
+ | topZ++; | ||
+ | FDiv.style.zIndex = topZ; | ||
+ | FDiv.style.top = TopSettingWithScrollOffset(30) + ' | ||
+ | |||
+ | FDiv.style.display = ' | ||
+ | |||
+ | ShowElements(false, | ||
+ | ShowElements(false, | ||
+ | ShowElements(false, | ||
+ | ShowElements(true, | ||
+ | |||
+ | //Focus the OK button | ||
+ | setTimeout(" | ||
+ | |||
+ | // | ||
+ | } | ||
+ | |||
+ | function ShowElements(Show, | ||
+ | // 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' | ||
+ | //unless the object' | ||
+ | |||
+ | //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< | ||
+ | if (TagName == " | ||
+ | // | ||
+ | if (Show == true){ | ||
+ | Els[i].style.visibility = ' | ||
+ | //get Mac FireFox to manipulate display, to force screen redraw | ||
+ | if (C.mac && C.gecko) {Els[i].style.display = ''; | ||
+ | } | ||
+ | else{ | ||
+ | Els[i].style.visibility = ' | ||
+ | if (C.mac && C.gecko) {Els[i].style.display = ' | ||
+ | } | ||
+ | } | ||
+ | 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 = ' | ||
+ | } | ||
+ | else{ | ||
+ | Els[i].style.visibility = ' | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | function HideFeedback(){ | ||
+ | document.getElementById(' | ||
+ | ShowElements(true, | ||
+ | ShowElements(true, | ||
+ | ShowElements(true, | ||
+ | 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(' | ||
+ | this.H = document.getElementsByTagName(' | ||
+ | } | ||
+ | |||
+ | 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) == ' | ||
+ | return window.pageYOffset; | ||
+ | } | ||
+ | else{ | ||
+ | if ((document.body)&& | ||
+ | return document.body.scrollTop; | ||
+ | } | ||
+ | else{ | ||
+ | if ((document.documentElement)&& | ||
+ | return document.documentElement.scrollTop; | ||
+ | } | ||
+ | else{ | ||
+ | return 0; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function GetViewportHeight(){ | ||
+ | if (typeof window.innerHeight != ' | ||
+ | return window.innerHeight; | ||
+ | } | ||
+ | else{ | ||
+ | if (((typeof document.documentElement != ' | ||
+ | ' | ||
+ | return document.documentElement.clientHeight; | ||
+ | } | ||
+ | else{ | ||
+ | return document.getElementsByTagName(' | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function TopSettingWithScrollOffset(TopPercent){ | ||
+ | var T = Math.floor(GetViewportHeight() * (TopPercent/ | ||
+ | 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(' | ||
+ | window.attachEvent(' | ||
+ | } | ||
+ | else{ | ||
+ | if (window.addEventListener){ | ||
+ | window.addEventListener(' | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function ReduceItems(InArray, | ||
+ | var ItemToDump=0; | ||
+ | var j=0; | ||
+ | while (InArray.length > ReduceToSize){ | ||
+ | ItemToDump = Math.floor(InArray.length*Math.random()); | ||
+ | InArray.splice(ItemToDump, | ||
+ | } | ||
+ | } | ||
+ | |||
+ | 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 | ||
+ | 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(' | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | function EscapeDoubleQuotes(InString){ | ||
+ | return InString.replace(/"/ | ||
+ | } | ||
+ | |||
+ | function TrimString(InString){ | ||
+ | var x = 0; | ||
+ | |||
+ | if (InString.length != 0) { | ||
+ | while ((InString.charAt(InString.length - 1) == ' | ||
+ | InString = InString.substring(0, | ||
+ | } | ||
+ | |||
+ | while ((InString.charAt(0) == ' | ||
+ | InString = InString.substring(1, | ||
+ | } | ||
+ | |||
+ | while (InString.indexOf(' | ||
+ | x = InString.indexOf(' | ||
+ | InString = InString.substring(0, | ||
+ | } | ||
+ | |||
+ | return InString; | ||
+ | } | ||
+ | |||
+ | else { | ||
+ | return ''; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function FindLongest(InArray){ | ||
+ | if (InArray.length < 1){return -1;} | ||
+ | |||
+ | var Longest = 0; | ||
+ | for (var i=1; i< | ||
+ | if (InArray[i].length > InArray[Longest].length){ | ||
+ | Longest = i; | ||
+ | } | ||
+ | } | ||
+ | return Longest; | ||
+ | } | ||
+ | |||
+ | //UNICODE CHARACTER FUNCTIONS | ||
+ | function IsCombiningDiacritic(CharNum){ | ||
+ | var Result = (((CharNum >= 0x0300)&& | ||
+ | Result = Result || (((CharNum >= 0x3099)&& | ||
+ | return Result; | ||
+ | } | ||
+ | |||
+ | function IsCJK(CharNum){ | ||
+ | return ((CharNum >= 0x3000)&& | ||
+ | } | ||
+ | |||
+ | //SETUP FUNCTIONS | ||
+ | //BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED | ||
+ | function ClearTextBoxes(){ | ||
+ | var NList = document.getElementsByTagName(' | ||
+ | for (var i=0; i< | ||
+ | if ((NList[i].id.indexOf(' | ||
+ | NList[i].value = ''; | ||
+ | } | ||
+ | if (NList[i].id.indexOf(' | ||
+ | NList[i].checked = ''; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | //EXTENSION TO ARRAY OBJECT | ||
+ | function Array_IndexOf(Input){ | ||
+ | var Result = -1; | ||
+ | for (var i=0; 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)&& | ||
+ | if (document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | // | ||
+ | |||
+ | var HPNStartTime = (new Date()).getTime(); | ||
+ | var SubmissionTimeout = 30000; | ||
+ | var Detail = ''; | ||
+ | |||
+ | function Finish(){ | ||
+ | //If there' | ||
+ | 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(); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | //JMATCH CORE JAVASCRIPT CODE | ||
+ | |||
+ | var CorrectIndicator = ': | ||
+ | var IncorrectIndicator = ' | ||
+ | var YourScoreIs = 'Ton score est de'; | ||
+ | var CorrectResponse = 'Bien jou&# | ||
+ | var IncorrectResponse = ' | ||
+ | var TotalUnfixedLeftItems = 0; | ||
+ | var TotCorrectChoices = 0; | ||
+ | var Penalties = 0; | ||
+ | var Finished = false; | ||
+ | var TimeOver = false; | ||
+ | |||
+ | var Score = 0; | ||
+ | var Locked = false; | ||
+ | var ShuffleQs = false; | ||
+ | var QsToShow = 10; | ||
+ | |||
+ | |||
+ | function StartUp(){ | ||
+ | RemoveBottomNavBarForIE(); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | SetUpItems(ShuffleQs, | ||
+ | |||
+ | TotalUnfixedLeftItems = document.getElementById(' | ||
+ | |||
+ | //Create arrays | ||
+ | CreateStatusArrays(); | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | Status = new Array(); | ||
+ | |||
+ | |||
+ | function CreateStatusArrays(){ | ||
+ | var Selects = document.getElementById(' | ||
+ | for (var x=0; x< | ||
+ | Status[x] = new Array(); | ||
+ | Status[x][0] = 0; // Item not matched correctly yet | ||
+ | Status[x][1] = 0; //Tries at this item so far | ||
+ | Status[x][2] = Selects[x].id; | ||
+ | Status[x][3] = new Array(); //Sequence of guesses for this item | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function GetKeyFromSelectContainer(Container){ | ||
+ | var Result = -1; | ||
+ | if (Container.getElementsByTagName(' | ||
+ | var Select = Container.getElementsByTagName(' | ||
+ | if (Select != null){ | ||
+ | Result = parseInt(Select.id.substring(1, | ||
+ | } | ||
+ | } | ||
+ | return Result; | ||
+ | } | ||
+ | |||
+ | function GetKeyFromSelect(Select){ | ||
+ | var Result = -1; | ||
+ | if (Select != null){ | ||
+ | Result = parseInt(Select.id.substring(1, | ||
+ | } | ||
+ | return Result; | ||
+ | } | ||
+ | |||
+ | var OriginalKeys = new Array(); | ||
+ | var ReducedKeys = new Array(); | ||
+ | |||
+ | function GetUniqueKeys(Container, | ||
+ | TargetArray.length = 0; | ||
+ | var x = -1; | ||
+ | var SList = Container.getElementsByTagName(' | ||
+ | if (SList.length > 0){ | ||
+ | for (var i=0; i< | ||
+ | x = GetKeyFromSelect(SList[i]); | ||
+ | if (TargetArray.indexOf(x) < 0){ | ||
+ | TargetArray.push(x); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function SetUpItems(ShuffleQs, | ||
+ | var QList = new Array(); | ||
+ | var i, j, k, Selects, Options; | ||
+ | |||
+ | //Remove all the table rows and put them in an array for processing | ||
+ | var Qs = document.getElementById(' | ||
+ | |||
+ | //First, get a list of keys | ||
+ | GetUniqueKeys(Qs, | ||
+ | |||
+ | //Remove the table rows to an array | ||
+ | while (Qs.getElementsByTagName(' | ||
+ | QList.push(Qs.removeChild(Qs.getElementsByTagName(' | ||
+ | } | ||
+ | |||
+ | var Reducing = (QList.length > ReduceTo); | ||
+ | |||
+ | //If required, select random rows to delete | ||
+ | if (Reducing == true){ | ||
+ | var DumpItem = 0; | ||
+ | while (ReduceTo < QList.length){ | ||
+ | |||
+ | //Get a number to delete from the array | ||
+ | DumpItem = Math.floor(QList.length*Math.random()); | ||
+ | for (i=DumpItem; | ||
+ | QList[i] = QList[i+1]; | ||
+ | } | ||
+ | QList.length = QList.length-1; | ||
+ | } | ||
+ | } | ||
+ | //Shuffle the rows if necessary | ||
+ | if (ShuffleQs == true){ | ||
+ | QList = Shuffle(QList); | ||
+ | } | ||
+ | |||
+ | TotalUnfixedLeftItems = QList.length; | ||
+ | |||
+ | //Write the rows back to the table body | ||
+ | for (i=0; i< | ||
+ | Qs.appendChild(QList[i]); | ||
+ | } | ||
+ | |||
+ | //Now we need to remove any drop-down options that no longer have associated select items | ||
+ | if (Reducing == true){ | ||
+ | GetUniqueKeys(Qs, | ||
+ | |||
+ | Selects = Qs.getElementsByTagName(' | ||
+ | for (i=0; i< | ||
+ | Options = Selects[i].getElementsByTagName(' | ||
+ | for (j=Options.length-1; | ||
+ | if (OptionRequired(Options[j].value) == false){ | ||
+ | Selects[i].removeChild(Options[j]); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function OptionRequired(Key){ | ||
+ | if (ReducedKeys.indexOf(Key) > -1){ | ||
+ | return true; | ||
+ | } | ||
+ | else{ | ||
+ | if (OriginalKeys.indexOf(Key) > -1){ | ||
+ | return false; | ||
+ | } | ||
+ | else{ | ||
+ | return true; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function CheckAnswers(){ | ||
+ | if (Locked == true){return; | ||
+ | var Select = null; | ||
+ | var Key = -1; | ||
+ | var Parent = null; | ||
+ | var Answer = null; | ||
+ | var AnsText = ''; | ||
+ | var AllDone = true; | ||
+ | TotCorrectChoices = 0; | ||
+ | |||
+ | //for each item not fixed or a distractor | ||
+ | for (var i=0; i< | ||
+ | |||
+ | //if it hasn't been answered correctly yet | ||
+ | if (Status[i][0] < 1){ | ||
+ | |||
+ | //Add one to the number of tries for this item | ||
+ | Status[i][1]++; | ||
+ | |||
+ | //Get a pointer to the drop-down | ||
+ | Select = document.getElementById(Status[i][2]); | ||
+ | Key = GetKeyFromSelect(Select); | ||
+ | //Save the answer given | ||
+ | Status[i][3].push(Select.options[Select.selectedIndex].value); | ||
+ | |||
+ | //Check the answer | ||
+ | if (Select.options[Select.selectedIndex].value == Key){ | ||
+ | Status[i][0] = 1; | ||
+ | AnsText = Select.options[Select.selectedIndex].innerHTML; | ||
+ | Parent = Select.parentNode; | ||
+ | Parent.removeChild(Select); | ||
+ | Parent.innerHTML = AnsText; | ||
+ | Parent.nextSibling.innerHTML = CorrectIndicator; | ||
+ | } | ||
+ | else{ | ||
+ | AllDone = false; | ||
+ | Parent = Select.parentNode; | ||
+ | Parent.nextSibling.innerHTML = IncorrectIndicator; | ||
+ | } | ||
+ | } | ||
+ | else{ | ||
+ | //Add a copy of the last (correct) answer. | ||
+ | Status[i][3].push(Status[i][3][Status[i][3].length-1]); | ||
+ | } | ||
+ | //If it's correct, count it | ||
+ | if (Status[i][0] == 1){ | ||
+ | TotCorrectChoices++; | ||
+ | } | ||
+ | } | ||
+ | //Calculate the score | ||
+ | Score = Math.floor(((TotCorrectChoices-Penalties)/ | ||
+ | if (Score< | ||
+ | var Feedback = ''; | ||
+ | |||
+ | //Build the feedback | ||
+ | if (AllDone == true){ | ||
+ | Feedback = YourScoreIs + ' ' + Score + ' | ||
+ | } | ||
+ | else{ | ||
+ | Feedback = YourScoreIs + ' ' + Score + ' | ||
+ | //Penalty for incorrect check | ||
+ | Penalties++; | ||
+ | } | ||
+ | |||
+ | //If the exercise is over, deal with that | ||
+ | if ((AllDone == true)||(TimeOver == true)){ | ||
+ | |||
+ | |||
+ | TimeOver = true; | ||
+ | Locked = true; | ||
+ | Finished = true; | ||
+ | setTimeout(' | ||
+ | WriteToInstructions(Feedback); | ||
+ | } | ||
+ | |||
+ | //Show the feedback | ||
+ | ShowMessage(Feedback); | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | //--> | ||
+ | |||
+ | //]]> | ||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | <body onload=" | ||
+ | |||
+ | <!-- BeginTopNavButtons --> | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <button class=" | ||
+ | |||
+ | |||
+ | |||
+ | <button class=" | ||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | <!-- EndTopNavButtons --> | ||
+ | |||
+ | <div class=" | ||
+ | <h2 class=" | ||
+ | |||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | <div id=" | ||
+ | <div id=" | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | <div id=" | ||
+ | |||
+ | <button id=" | ||
+ | |||
+ | <div id=" | ||
+ | |||
+ | <form id=" | ||
+ | <table border=" | ||
+ | |||
+ | < | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <button id=" | ||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <button id=" | ||
+ | </ | ||
+ | |||
+ | <!-- BeginBottomNavButtons --> | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <button class=" | ||
+ | |||
+ | |||
+ | |||
+ | <button class=" | ||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | <!-- EndBottomNavButtons --> | ||
+ | |||
+ | <!-- BeginSubmissionForm --> | ||
+ | |||
+ | <!-- EndSubmissionForm --> | ||
+ | |||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | En France, l’exercice de l’autoportrait se fait généralement en début d’année. A votre avis, pour quelle(s) raison(s) le professeur demande-t-il aux élèves ce genre d’exercice? | ||
+ | |||
+ | <fc # | ||
+ | |||
+ | Ecoutez et regardez l’extrait vidéo, puis complétez le texte: | ||
+ | |||
+ | -Autoportrait: | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | | ||
+ | |||
+ | <link rel=" | ||
+ | <meta name=" | ||
+ | <meta name=" | ||
+ | |||
+ | |||
+ | <meta http-equiv=" | ||
+ | |||
+ | < | ||
+ | Carl | ||
+ | </ | ||
+ | |||
+ | <!-- 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=" | ||
+ | |||
+ | |||
+ | /* This is the CSS stylesheet used in the exercise. */ | ||
+ | /* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */ | ||
+ | |||
+ | /* BeginCorePageCSS */ | ||
+ | |||
+ | /* Made with executable version 6.3 Release 0 Build 5 */ | ||
+ | |||
+ | |||
+ | /* Hack to hide a nested Quicktime player from IE, which can't handle it. */ | ||
+ | * html object.MediaPlayerNotForIE { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | font-family: | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | |||
+ | margin-right: | ||
+ | margin-left: | ||
+ | font-size: small; | ||
+ | } | ||
+ | |||
+ | p{ | ||
+ | text-align: | ||
+ | margin: 0px; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | table, | ||
+ | font-size: 100%; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | div.Titles{ | ||
+ | padding: 0.5em;; | ||
+ | text-align: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | button{ | ||
+ | font-family: | ||
+ | font-size: 100%; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | .ExerciseTitle{ | ||
+ | font-size: 140%; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .ExerciseSubtitle{ | ||
+ | font-size: 120%; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | div.StdDiv{ | ||
+ | background-color: | ||
+ | text-align: | ||
+ | font-size: 100%; | ||
+ | color: #000000; | ||
+ | padding: 0.5em; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | border-color: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | /* EndCorePageCSS */ | ||
+ | |||
+ | .RTLText{ | ||
+ | text-align: | ||
+ | font-size: 150%; | ||
+ | direction: rtl; | ||
+ | font-family: | ||
+ | } | ||
+ | |||
+ | .CentredRTLText{ | ||
+ | text-align: | ||
+ | font-size: 150%; | ||
+ | direction: rtl; | ||
+ | font-family: | ||
+ | } | ||
+ | |||
+ | button p.RTLText{ | ||
+ | text-align: | ||
+ | } | ||
+ | |||
+ | .RTLGapBox{ | ||
+ | text-align: | ||
+ | font-size: 150%; | ||
+ | direction: rtl; | ||
+ | font-family: | ||
+ | } | ||
+ | |||
+ | .Guess{ | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | .CorrectAnswer{ | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | div#Timer{ | ||
+ | padding: 0.25em; | ||
+ | margin-left: | ||
+ | margin-right: | ||
+ | text-align: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | span# | ||
+ | padding: 0.25em; | ||
+ | border-width: | ||
+ | border-style: | ||
+ | font-weight: | ||
+ | display: none; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | span.Instructions{ | ||
+ | |||
+ | } | ||
+ | |||
+ | div.ExerciseText{ | ||
+ | |||
+ | } | ||
+ | |||
+ | .FeedbackText, | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .LeftItem{ | ||
+ | font-size: 100%; | ||
+ | color: #000000; | ||
+ | text-align: | ||
+ | } | ||
+ | |||
+ | .RightItem{ | ||
+ | font-weight: | ||
+ | font-size: 100%; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | span.CorrectMark{ | ||
+ | |||
+ | } | ||
+ | |||
+ | input, textarea{ | ||
+ | font-family: | ||
+ | font-size: 120%; | ||
+ | } | ||
+ | |||
+ | select{ | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | div.Feedback { | ||
+ | background-color: | ||
+ | left: 33%; | ||
+ | width: 34%; | ||
+ | top: 33%; | ||
+ | z-index: 1; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | padding: 5px; | ||
+ | text-align: | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | display: none; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | div.ExerciseDiv{ | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | /* JMatch flashcard styles */ | ||
+ | table.FlashcardTable{ | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | border-color: | ||
+ | margin-left: | ||
+ | margin-right: | ||
+ | margin-top: | ||
+ | margin-bottom: | ||
+ | width: 90%; | ||
+ | position: relative; | ||
+ | text-align: | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | table.FlashcardTable tr{ | ||
+ | border-style: | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | table.FlashcardTable td.Showing{ | ||
+ | font-size: 140%; | ||
+ | text-align: | ||
+ | width: 50%; | ||
+ | display: table-cell; | ||
+ | padding: 2em; | ||
+ | margin: 0px; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | table.FlashcardTable td.Hidden{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* JMix styles */ | ||
+ | div# | ||
+ | margin-top: | ||
+ | margin-bottom: | ||
+ | text-align: | ||
+ | } | ||
+ | |||
+ | a.ExSegment{ | ||
+ | font-size: 120%; | ||
+ | font-weight: | ||
+ | text-decoration: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | span.RemainingWordList{ | ||
+ | font-style: | ||
+ | } | ||
+ | |||
+ | div.DropLine { | ||
+ | position: absolute; | ||
+ | text-align: | ||
+ | border-bottom-style: | ||
+ | border-bottom-width: | ||
+ | border-bottom-color: | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | /* JCloze styles */ | ||
+ | |||
+ | .ClozeWordList{ | ||
+ | text-align: | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | div.ClozeBody{ | ||
+ | text-align: | ||
+ | margin-top: | ||
+ | margin-bottom: | ||
+ | line-height: | ||
+ | } | ||
+ | |||
+ | span.GapSpan{ | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | /* JCross styles */ | ||
+ | |||
+ | table.CrosswordGrid{ | ||
+ | margin: auto auto 1em auto; | ||
+ | border-collapse: | ||
+ | padding: 0px; | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | table.CrosswordGrid tbody tr td{ | ||
+ | width: 1.5em; | ||
+ | height: 1.5em; | ||
+ | text-align: | ||
+ | vertical-align: | ||
+ | font-size: 140%; | ||
+ | padding: 1px; | ||
+ | margin: 0px; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | border-color: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | table.CrosswordGrid span{ | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | table.CrosswordGrid td.BlankCell{ | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | table.CrosswordGrid td.LetterOnlyCell{ | ||
+ | text-align: | ||
+ | vertical-align: | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | table.CrosswordGrid td.NumLetterCell{ | ||
+ | text-align: | ||
+ | vertical-align: | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | padding: 1px; | ||
+ | font-weight: | ||
+ | } | ||
+ | |||
+ | .NumLetterCellText{ | ||
+ | cursor: pointer; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .GridNum{ | ||
+ | vertical-align: | ||
+ | font-size: 66%; | ||
+ | font-weight: | ||
+ | text-decoration: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .GridNum: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | table# | ||
+ | margin: auto; | ||
+ | vertical-align: | ||
+ | } | ||
+ | |||
+ | table#Clues td{ | ||
+ | vertical-align: | ||
+ | } | ||
+ | |||
+ | table.ClueList{ | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | td.ClueNum{ | ||
+ | text-align: | ||
+ | font-weight: | ||
+ | vertical-align: | ||
+ | } | ||
+ | |||
+ | td.Clue{ | ||
+ | text-align: | ||
+ | } | ||
+ | |||
+ | div# | ||
+ | text-align: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | /* Keypad styles */ | ||
+ | |||
+ | div.Keypad{ | ||
+ | text-align: | ||
+ | display: none; /* initially hidden, shown if needed */ | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | div.Keypad button{ | ||
+ | font-family: | ||
+ | font-size: 120%; | ||
+ | background-color: | ||
+ | color: #000000; | ||
+ | width: 2em; | ||
+ | } | ||
+ | |||
+ | /* JQuiz styles */ | ||
+ | |||
+ | div.QuestionNavigation{ | ||
+ | text-align: | ||
+ | } | ||
+ | |||
+ | .QNum{ | ||
+ | margin: 0em 1em 0.5em 1em; | ||
+ | font-weight: | ||
+ | vertical-align: | ||
+ | } | ||
+ | |||
+ | textarea{ | ||
+ | font-family: | ||
+ | } | ||
+ | |||
+ | .QuestionText{ | ||
+ | text-align: | ||
+ | margin: 0px; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | .Answer{ | ||
+ | font-size: 120%; | ||
+ | letter-spacing: | ||
+ | } | ||
+ | |||
+ | .PartialAnswer{ | ||
+ | font-size: 120%; | ||
+ | letter-spacing: | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .Highlight{ | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | font-weight: | ||
+ | font-size: 120%; | ||
+ | } | ||
+ | |||
+ | ol.QuizQuestions{ | ||
+ | text-align: | ||
+ | list-style-type: | ||
+ | } | ||
+ | |||
+ | li.QuizQuestion{ | ||
+ | padding: 1em; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | } | ||
+ | |||
+ | ol.MCAnswers{ | ||
+ | text-align: | ||
+ | list-style-type: | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | ol.MCAnswers li{ | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | ol.MSelAnswers{ | ||
+ | text-align: | ||
+ | list-style-type: | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | div.ShortAnswer{ | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | .FuncButton { | ||
+ | text-align: | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | |||
+ | border-width: | ||
+ | padding: 3px 6px 3px 6px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .FuncButtonUp { | ||
+ | color: #FFFFFF; | ||
+ | text-align: | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | |||
+ | background-color: | ||
+ | color: #FFFFFF; | ||
+ | border-width: | ||
+ | padding: 3px 6px 3px 6px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .FuncButtonDown { | ||
+ | color: #FFFFFF; | ||
+ | text-align: | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | background-color: | ||
+ | color: #FFFFFF; | ||
+ | |||
+ | border-width: | ||
+ | padding: 3px 6px 3px 6px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | / | ||
+ | |||
+ | div.NavButtonBar{ | ||
+ | background-color: | ||
+ | text-align: | ||
+ | margin: 2px 0px 2px 0px; | ||
+ | clear: both; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | .NavButton { | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | background-color: | ||
+ | color: #ffffff; | ||
+ | |||
+ | border-width: | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .NavButtonUp { | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | |||
+ | border-width: | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .NavButtonDown { | ||
+ | border-style: | ||
+ | |||
+ | border-left-color: | ||
+ | border-top-color: | ||
+ | border-right-color: | ||
+ | border-bottom-color: | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | |||
+ | border-width: | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | / | ||
+ | |||
+ | a{ | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | |||
+ | a:visited{ | ||
+ | color: #0000CC; | ||
+ | } | ||
+ | |||
+ | a:hover{ | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | |||
+ | div.CardStyle { | ||
+ | position: absolute; | ||
+ | font-family: | ||
+ | font-size: 100%; | ||
+ | padding: 5px; | ||
+ | border-style: | ||
+ | border-width: | ||
+ | color: #000000; | ||
+ | background-color: | ||
+ | left: -50px; | ||
+ | top: -50px; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | .rtl{ | ||
+ | text-align: | ||
+ | font-size: 140%; | ||
+ | } | ||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | <script type=" | ||
+ | |||
+ | //< | ||
+ | |||
+ | <!-- | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | 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(' | ||
+ | this.win = (this.ver.indexOf(' | ||
+ | |||
+ | //Look for Gecko | ||
+ | this.gecko = (this.ua.indexOf(' | ||
+ | if (this.gecko){ | ||
+ | this.geckoVer = parseInt(this.ua.substring(this.ua.indexOf(' | ||
+ | // if (this.geckoVer < 20020000){this.min = false;} | ||
+ | } | ||
+ | |||
+ | //Look for Firebird | ||
+ | this.firebird = (this.ua.indexOf(' | ||
+ | |||
+ | //Look for Safari | ||
+ | this.safari = (this.ua.indexOf(' | ||
+ | if (this.safari){ | ||
+ | this.gecko = false; | ||
+ | } | ||
+ | |||
+ | //Look for IE | ||
+ | this.ie = (this.ua.indexOf(' | ||
+ | if (this.ie){ | ||
+ | this.ieVer = parseFloat(this.ua.substring(this.ua.indexOf(' | ||
+ | if (this.ieVer < 5.5){this.min = false;} | ||
+ | } | ||
+ | |||
+ | //Look for Opera | ||
+ | this.opera = (this.ua.indexOf(' | ||
+ | if (this.opera){ | ||
+ | this.operaVer = parseFloat(this.ua.substring(this.ua.indexOf(' | ||
+ | if (this.operaVer < 7.04){this.min = false;} | ||
+ | } | ||
+ | if (this.min == false){ | ||
+ | // | ||
+ | } | ||
+ | |||
+ | //Special case for the horrible ie5mac | ||
+ | this.ie5mac = (this.ie&& | ||
+ | } | ||
+ | |||
+ | var C = new Client(); | ||
+ | |||
+ | //for (prop in C){ | ||
+ | // | ||
+ | //} | ||
+ | |||
+ | |||
+ | |||
+ | //CODE FOR HANDLING NAV BUTTONS AND FUNCTION BUTTONS | ||
+ | |||
+ | // | ||
+ | function NavBtnOver(Btn){ | ||
+ | if (Btn.className != ' | ||
+ | } | ||
+ | |||
+ | function NavBtnOut(Btn){ | ||
+ | Btn.className = ' | ||
+ | } | ||
+ | |||
+ | function NavBtnDown(Btn){ | ||
+ | Btn.className = ' | ||
+ | } | ||
+ | // | ||
+ | |||
+ | function FuncBtnOver(Btn){ | ||
+ | if (Btn.className != ' | ||
+ | } | ||
+ | |||
+ | function FuncBtnOut(Btn){ | ||
+ | Btn.className = ' | ||
+ | } | ||
+ | |||
+ | function FuncBtnDown(Btn){ | ||
+ | Btn.className = ' | ||
+ | } | ||
+ | |||
+ | function FocusAButton(){ | ||
+ | if (document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | } | ||
+ | else{ | ||
+ | if (document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | } | ||
+ | else{ | ||
+ | document.getElementsByTagName(' | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | //CODE FOR HANDLING DISPLAY OF POPUP FEEDBACK BOX | ||
+ | |||
+ | var topZ = 1000; | ||
+ | |||
+ | function ShowMessage(Feedback){ | ||
+ | var Output = Feedback + '< | ||
+ | document.getElementById(' | ||
+ | var FDiv = document.getElementById(' | ||
+ | topZ++; | ||
+ | FDiv.style.zIndex = topZ; | ||
+ | FDiv.style.top = TopSettingWithScrollOffset(30) + ' | ||
+ | |||
+ | FDiv.style.display = ' | ||
+ | |||
+ | ShowElements(false, | ||
+ | ShowElements(false, | ||
+ | ShowElements(false, | ||
+ | ShowElements(true, | ||
+ | |||
+ | //Focus the OK button | ||
+ | setTimeout(" | ||
+ | |||
+ | // | ||
+ | } | ||
+ | |||
+ | function ShowElements(Show, | ||
+ | // 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' | ||
+ | //unless the object' | ||
+ | |||
+ | //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< | ||
+ | if (TagName == " | ||
+ | // | ||
+ | if (Show == true){ | ||
+ | Els[i].style.visibility = ' | ||
+ | //get Mac FireFox to manipulate display, to force screen redraw | ||
+ | if (C.mac && C.gecko) {Els[i].style.display = ''; | ||
+ | } | ||
+ | else{ | ||
+ | Els[i].style.visibility = ' | ||
+ | if (C.mac && C.gecko) {Els[i].style.display = ' | ||
+ | } | ||
+ | } | ||
+ | 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 = ' | ||
+ | } | ||
+ | else{ | ||
+ | Els[i].style.visibility = ' | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | function HideFeedback(){ | ||
+ | document.getElementById(' | ||
+ | ShowElements(true, | ||
+ | ShowElements(true, | ||
+ | ShowElements(true, | ||
+ | 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(' | ||
+ | this.H = document.getElementsByTagName(' | ||
+ | } | ||
+ | |||
+ | 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) == ' | ||
+ | return window.pageYOffset; | ||
+ | } | ||
+ | else{ | ||
+ | if ((document.body)&& | ||
+ | return document.body.scrollTop; | ||
+ | } | ||
+ | else{ | ||
+ | if ((document.documentElement)&& | ||
+ | return document.documentElement.scrollTop; | ||
+ | } | ||
+ | else{ | ||
+ | return 0; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function GetViewportHeight(){ | ||
+ | if (typeof window.innerHeight != ' | ||
+ | return window.innerHeight; | ||
+ | } | ||
+ | else{ | ||
+ | if (((typeof document.documentElement != ' | ||
+ | ' | ||
+ | return document.documentElement.clientHeight; | ||
+ | } | ||
+ | else{ | ||
+ | return document.getElementsByTagName(' | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function TopSettingWithScrollOffset(TopPercent){ | ||
+ | var T = Math.floor(GetViewportHeight() * (TopPercent/ | ||
+ | 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(' | ||
+ | window.attachEvent(' | ||
+ | } | ||
+ | else{ | ||
+ | if (window.addEventListener){ | ||
+ | window.addEventListener(' | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function ReduceItems(InArray, | ||
+ | var ItemToDump=0; | ||
+ | var j=0; | ||
+ | while (InArray.length > ReduceToSize){ | ||
+ | ItemToDump = Math.floor(InArray.length*Math.random()); | ||
+ | InArray.splice(ItemToDump, | ||
+ | } | ||
+ | } | ||
+ | |||
+ | 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 | ||
+ | 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(' | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | function EscapeDoubleQuotes(InString){ | ||
+ | return InString.replace(/"/ | ||
+ | } | ||
+ | |||
+ | function TrimString(InString){ | ||
+ | var x = 0; | ||
+ | |||
+ | if (InString.length != 0) { | ||
+ | while ((InString.charAt(InString.length - 1) == ' | ||
+ | InString = InString.substring(0, | ||
+ | } | ||
+ | |||
+ | while ((InString.charAt(0) == ' | ||
+ | InString = InString.substring(1, | ||
+ | } | ||
+ | |||
+ | while (InString.indexOf(' | ||
+ | x = InString.indexOf(' | ||
+ | InString = InString.substring(0, | ||
+ | } | ||
+ | |||
+ | return InString; | ||
+ | } | ||
+ | |||
+ | else { | ||
+ | return ''; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function FindLongest(InArray){ | ||
+ | if (InArray.length < 1){return -1;} | ||
+ | |||
+ | var Longest = 0; | ||
+ | for (var i=1; i< | ||
+ | if (InArray[i].length > InArray[Longest].length){ | ||
+ | Longest = i; | ||
+ | } | ||
+ | } | ||
+ | return Longest; | ||
+ | } | ||
+ | |||
+ | //UNICODE CHARACTER FUNCTIONS | ||
+ | function IsCombiningDiacritic(CharNum){ | ||
+ | var Result = (((CharNum >= 0x0300)&& | ||
+ | Result = Result || (((CharNum >= 0x3099)&& | ||
+ | return Result; | ||
+ | } | ||
+ | |||
+ | function IsCJK(CharNum){ | ||
+ | return ((CharNum >= 0x3000)&& | ||
+ | } | ||
+ | |||
+ | //SETUP FUNCTIONS | ||
+ | //BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED | ||
+ | function ClearTextBoxes(){ | ||
+ | var NList = document.getElementsByTagName(' | ||
+ | for (var i=0; i< | ||
+ | if ((NList[i].id.indexOf(' | ||
+ | NList[i].value = ''; | ||
+ | } | ||
+ | if (NList[i].id.indexOf(' | ||
+ | NList[i].checked = ''; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | //EXTENSION TO ARRAY OBJECT | ||
+ | function Array_IndexOf(Input){ | ||
+ | var Result = -1; | ||
+ | for (var i=0; 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)&& | ||
+ | if (document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | // | ||
+ | |||
+ | var HPNStartTime = (new Date()).getTime(); | ||
+ | var SubmissionTimeout = 30000; | ||
+ | var Detail = ''; | ||
+ | |||
+ | function Finish(){ | ||
+ | //If there' | ||
+ | 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 = ' | ||
+ | var Incorrect = 'Some of your answers are incorrect. Incorrect answers have been left in place for you to change.'; | ||
+ | var GiveHint = 'The next correct letter has been added to the answer.'; | ||
+ | var CaseSensitive = false; | ||
+ | var YourScoreIs = 'Your score is '; | ||
+ | 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] = ' | ||
+ | I[0][2]=''; | ||
+ | |||
+ | I[1] = new Array(); | ||
+ | I[1][1] = new Array(); | ||
+ | I[1][1][0] = new Array(); | ||
+ | I[1][1][0][0] = ' | ||
+ | I[1][2]=''; | ||
+ | |||
+ | I[2] = new Array(); | ||
+ | I[2][1] = new Array(); | ||
+ | I[2][1][0] = new Array(); | ||
+ | I[2][1][0][0] = ' | ||
+ | I[2][2]=''; | ||
+ | |||
+ | I[3] = new Array(); | ||
+ | I[3][1] = new Array(); | ||
+ | I[3][1][0] = new Array(); | ||
+ | I[3][1][0][0] = ' | ||
+ | I[3][2]=''; | ||
+ | |||
+ | I[4] = new Array(); | ||
+ | I[4][1] = new Array(); | ||
+ | I[4][1][0] = new Array(); | ||
+ | I[4][1][0][0] = ' | ||
+ | I[4][2]=''; | ||
+ | |||
+ | |||
+ | State = new Array(); | ||
+ | |||
+ | function StartUp(){ | ||
+ | RemoveBottomNavBarForIE(); | ||
+ | //Show a keypad if there is one (added bugfix for 6.0.4.12) | ||
+ | if (document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | var i = 0; | ||
+ | |||
+ | State.length = 0; | ||
+ | for (i=0; 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< | ||
+ | Ans = GetGapValue(i); | ||
+ | if ((Ans.length > 0)&& | ||
+ | State[i].Guesses[State[i].Guesses.length] = Ans; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function CompileGuesses(){ | ||
+ | var F = document.getElementById(' | ||
+ | if (F != null){ | ||
+ | var Temp = '<? | ||
+ | var GapLabel = ''; | ||
+ | for (var i=0; i< | ||
+ | GapLabel = 'Gap ' + (i+1).toString(); | ||
+ | Temp += '< | ||
+ | Temp += '< | ||
+ | Temp += '< | ||
+ | for (var j=0; j< | ||
+ | if (j> | ||
+ | Temp += State[i].Guesses[j] + ' '; | ||
+ | } | ||
+ | Temp += '</ | ||
+ | } | ||
+ | Temp += '</ | ||
+ | Detail = Temp; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function CheckAnswers(){ | ||
+ | if (Locked == true){return; | ||
+ | SaveCurrentAnswers(); | ||
+ | var AllCorrect = true; | ||
+ | |||
+ | //Check each answer | ||
+ | for (var i = 0; i< | ||
+ | |||
+ | if (State[i].AnsweredCorrectly == false){ | ||
+ | //If it's right, calculate its score | ||
+ | if (CheckAnswer(i, | ||
+ | var TotalChars = GetGapValue(i).length; | ||
+ | State[i].ItemScore = (TotalChars-State[i].HintsAndChecks)/ | ||
+ | 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, | ||
+ | } | ||
+ | else{ | ||
+ | // | ||
+ | State[i].HintsAndChecks++; | ||
+ | |||
+ | //then set the flag | ||
+ | AllCorrect = false; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | //Calculate the total score | ||
+ | var TotalScore = 0; | ||
+ | for (i=0; i< | ||
+ | TotalScore += State[i].ItemScore; | ||
+ | } | ||
+ | TotalScore = Math.floor((TotalScore * 100)/ | ||
+ | |||
+ | //Compile the output | ||
+ | Output = ''; | ||
+ | |||
+ | if (AllCorrect == true){ | ||
+ | Output = Correct + '< | ||
+ | } | ||
+ | |||
+ | Output += YourScoreIs + ' ' + TotalScore + ' | ||
+ | if (AllCorrect == false){ | ||
+ | Output += Incorrect; | ||
+ | } | ||
+ | ShowMessage(Output); | ||
+ | setTimeout(' | ||
+ | |||
+ | Score = TotalScore; | ||
+ | CompileGuesses(); | ||
+ | |||
+ | if ((AllCorrect == true)||(Finished == true)){ | ||
+ | |||
+ | |||
+ | |||
+ | TimeOver = true; | ||
+ | Locked = true; | ||
+ | Finished = true; | ||
+ | setTimeout(' | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | function TrackFocus(BoxNumber){ | ||
+ | CurrentWord = BoxNumber; | ||
+ | InTextBox = true; | ||
+ | } | ||
+ | |||
+ | function LeaveGap(){ | ||
+ | InTextBox = false; | ||
+ | } | ||
+ | |||
+ | function CheckBeginning(Guess, | ||
+ | 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< | ||
+ | if (document.getElementById(' | ||
+ | RetVal = document.getElementById(' | ||
+ | RetVal = TrimString(RetVal); | ||
+ | } | ||
+ | else{ | ||
+ | RetVal = State[GNum].Guesses[State[GNum].Guesses.length-1]; | ||
+ | } | ||
+ | return RetVal; | ||
+ | } | ||
+ | |||
+ | function SetGapValue(GNum, | ||
+ | if ((GNum< | ||
+ | if (document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function SetCorrectAnswer(GNum, | ||
+ | if ((GNum< | ||
+ | if (document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | } | ||
+ | } | ||
+ | |||
+ | 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, | ||
+ | return CurrentWord; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | x=CurrentWord + 1; | ||
+ | while (x< | ||
+ | if (State[x].AnsweredCorrectly == false){ | ||
+ | if (CheckAnswer(x, | ||
+ | return x; | ||
+ | } | ||
+ | } | ||
+ | x++; | ||
+ | } | ||
+ | |||
+ | x = 0; | ||
+ | while (x< | ||
+ | if (State[x].AnsweredCorrectly == false){ | ||
+ | if (CheckAnswer(x, | ||
+ | return x; | ||
+ | } | ||
+ | } | ||
+ | x++; | ||
+ | } | ||
+ | return FoundCurrent; | ||
+ | } | ||
+ | |||
+ | function CheckAnswer(GapNum, | ||
+ | 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< | ||
+ | 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, | ||
+ | RightBits = new Array(); | ||
+ | for (var i=0; i< | ||
+ | RightBits[i] = CheckBeginning(Guess, | ||
+ | } | ||
+ | var RightOne = FindLongest(RightBits); | ||
+ | var Result = I[GapNum][1][RightOne][0].substring(0, | ||
+ | //Add another char if the last one is a space | ||
+ | if (Result.charAt(Result.length-1) == ' '){ | ||
+ | Result = I[GapNum][1][RightOne][0].substring(0, | ||
+ | } | ||
+ | return Result; | ||
+ | } | ||
+ | |||
+ | function ShowHint(){ | ||
+ | if (document.getElementById(' | ||
+ | if (Locked == true){return; | ||
+ | var CurrGap = FindCurrent(); | ||
+ | if (CurrGap < 0){return;} | ||
+ | |||
+ | var HintString = GetHint(CurrGap); | ||
+ | |||
+ | if (HintString.length > 0){ | ||
+ | SetGapValue(CurrGap, | ||
+ | State[CurrGap].HintsAndChecks += 1; | ||
+ | } | ||
+ | ShowMessage(GiveHint); | ||
+ | } | ||
+ | |||
+ | function TypeChars(Chars){ | ||
+ | var CurrGap = FindCurrent(); | ||
+ | if (CurrGap < 0){return;} | ||
+ | if (document.getElementById(' | ||
+ | SetGapValue(CurrGap, | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | //--> | ||
+ | |||
+ | //]]> | ||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | <body onload=" | ||
+ | |||
+ | <!-- BeginTopNavButtons --> | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <button class=" | ||
+ | |||
+ | |||
+ | |||
+ | <button class=" | ||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | <!-- EndTopNavButtons --> | ||
+ | |||
+ | <div class=" | ||
+ | <h2 class=" | ||
+ | |||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | <div id=" | ||
+ | <div id=" | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div id=" | ||
+ | |||
+ | <!-- These top buttons hidden; reveal if required --> | ||
+ | <!-- | ||
+ | <button id=" | ||
+ | |||
+ | |||
+ | <button class=" | ||
+ | |||
+ | |||
+ | | ||
+ | |||
+ | <div id=" | ||
+ | <form id=" | ||
+ | <div class=" | ||
+ | &# | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | <button id=" | ||
+ | |||
+ | |||
+ | <button class=" | ||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <button id=" | ||
+ | </ | ||
+ | |||
+ | <!-- BeginBottomNavButtons --> | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <button class=" | ||
+ | |||
+ | |||
+ | |||
+ | <button class=" | ||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | <!-- EndBottomNavButtons --> | ||
+ | |||
+ | <!-- BeginSubmissionForm --> | ||
+ | |||
+ | <!-- EndSubmissionForm --> | ||
+ | |||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | <fc #008000> | ||
+ | __Documents supplémentaires__</ | ||
+ | |||
+ | -Lien autres dossiers: [[http:// | ||
+ | [[http:// | ||
+ | |||
+ | |||
+ | |||
+ | |||