Formules journalistiques pour parler de la France (2)

Quiz: Formules journalistiques pour parler de la France (2): Les Bleus...

text/html decod1.html — 39 KB

Dateiinhalt

<?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 Richard Nisius."></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="Richard Nisius" />
<meta name="DC:Title" content="Formules journalistiques pour parler de la France (2)" />


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>
Formules journalistiques pour parler de la France (2)
</title>

<!-- Made with executable version 6.2 Release 4 Build 0 -->

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



<style type="text/css">


/* 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.2 Release 4 Build 0 */


/* Hack to hide a nested Quicktime player from IE, which can't handle it. */
* html object.MediaPlayerNotForIE {
        display: none;
}

body{
        font-family: Geneva,Arial;
        background-color: #FFFFFF;
        color: #000066;
        background-image: url(background.gif);
        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: #000066;
}

div.Titles{
        padding: 0.5em;;
        text-align: center;
        color: #000066;
}

button{
        font-family: Geneva,Arial;
        font-size: 100%;
        display: inline;
}

.ExerciseTitle{
        font-size: 140%;
        color: #000066;
}

.ExerciseSubtitle{
        font-size: 120%;
        color: #000066;
}

div.StdDiv{
        background-color: #e0f8fe;
        text-align: center;
        font-size: 100%;
        color: #000066;
        padding: 0.5em;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #000066;
        margin-bottom: 1px;
}

/* EndCorePageCSS */

.RTLText{
        text-align: right;
        font-size: 150%;
        direction: rtl;
        font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial;
}

.CentredRTLText{
        text-align: center;
        font-size: 150%;
        direction: rtl;
        font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial;
}

button p.RTLText{
        text-align: center;
}

.RTLGapBox{
        text-align: right;
        font-size: 150%;
        direction: rtl;
        font-family: "Times New Roman", Geneva,Arial;
}

.Guess{
        font-weight: bold;
}

.CorrectAnswer{
        font-weight: bold;
}

div#Timer{
        padding: 0.25em;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        color: #000066;
}

span#TimerText{
        padding: 0.25em;
        border-width: 1px;
        border-style: solid;
        font-weight: bold;
        display: none;
        color: #000066;
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
        color: #000066;
}

.LeftItem{
        font-size: 100%;
        color: #000066;
        text-align: left;
}

.RightItem{
        font-weight: bold;
        font-size: 100%;
        color: #000066;
}

span.CorrectMark{

}

input, textarea{
        font-family: Geneva,Arial;
        font-size: 120%;
}

select{
        font-size: 100%;
}

div.Feedback {
        background-color: #FFFFFF;
        left: 33%;
        width: 34%;
        top: 33%;
        z-index: 1;
        border-style: solid;
        border-width: 1px;
        padding: 5px;
        text-align: center;
        color: #000066;
        position: absolute;
        display: none;
        font-size: 100%;
}




div.ExerciseDiv{
        color: #000066;
}

/* JMatch flashcard styles */
table.FlashcardTable{
        background-color: transparent;
        color: #000066;
        border-color: #000066;
        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: #e0f8fe;
}

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: #000066;
        background-color: #e0f8fe;
}

table.FlashcardTable td.Hidden{
        display: none;
}

/* JMix styles */
div#SegmentDiv{
        margin-top: 2em;
        margin-bottom: 2em;
        text-align: center;
}

a.ExSegment{
        font-size: 120%;
        font-weight: bold;
        text-decoration: none;
        color: #000066;
}

span.RemainingWordList{
        font-style: italic;
}

div.DropLine {
        position: absolute;
        text-align: center;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #000066;
        width: 80%;
}

/* JCloze styles */

.ClozeWordList{
        text-align: center;
        font-weight: bold;
}

div.ClozeBody{
        text-align: left;
        margin-top: 2em;
        margin-bottom: 2em;
        line-height: 2.0
}

span.GapSpan{
        font-weight: bold;
}

/* JCross styles */

table.CrosswordGrid{
        margin: auto auto 1em auto;
        border-collapse: collapse;
        padding: 0px;
        background-color: #000000;
}

table.CrosswordGrid tbody tr td{
        width: 1.5em;
        height: 1.5em;
        text-align: center;
        vertical-align: middle;
        font-size: 140%;
        padding: 1px;
        margin: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        color: #000000;
}

table.CrosswordGrid span{
        color: #000000;
}

table.CrosswordGrid td.BlankCell{
        background-color: #000000;
        color: #000000;
}

table.CrosswordGrid td.LetterOnlyCell{
        text-align: center;
        vertical-align: middle;
        background-color: #ffffff;
        color: #000000;
        font-weight: bold;
}

table.CrosswordGrid td.NumLetterCell{
        text-align: left;
        vertical-align: top;
        background-color: #ffffff;
        color: #000000;
        padding: 1px;
        font-weight: bold;
}

.NumLetterCellText{
        cursor: pointer;
        color: #000000;
}

.GridNum{
        vertical-align: super;
        font-size: 66%;
        font-weight: bold;
        text-decoration: none;
        color: #000000;
}

.GridNum:hover, .GridNum:visited{
        color: #000000;
}

table#Clues{
        margin: auto;
        vertical-align: top;
}

table#Clues td{
        vertical-align: top;
}

table.ClueList{
  margin: auto;
}

td.ClueNum{
        text-align: right;
        font-weight: bold;
        vertical-align: top;
}

td.Clue{
        text-align: left;
}

div#ClueEntry{
        text-align: left;
        margin-bottom: 1em;
}

/* Keypad styles */

div.Keypad{
        text-align: center;
        display: none; /* initially hidden, shown if needed */
        margin-bottom: 0.5em;
}

div.Keypad button{
        font-family: Geneva,Arial;
        font-size: 120%;
        background-color: #ffffff;
        color: #000000;
        width: 2em;
}

/* JQuiz styles */

div.QuestionNavigation{
        text-align: center;
}

.QNum{
        margin: 0em 1em 0.5em 1em;
        font-weight: bold;
        vertical-align: middle;
}

textarea{
        font-family: Geneva,Arial;
}

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

.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: #effbfe;
        border-top-color: #effbfe;
        border-right-color: #707c7f;
        border-bottom-color: #707c7f;
        color: #000066;
        background-color: #e0f8fe;

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

.FuncButtonUp {
        color: #e0f8fe;
        text-align: center;
        border-style: solid;

        border-left-color: #effbfe;
        border-top-color: #effbfe;
        border-right-color: #707c7f;
        border-bottom-color: #707c7f;

        background-color: #000066;
        color: #e0f8fe;
        border-width: 2px;
        padding: 3px 6px 3px 6px;
        cursor: pointer;
}

.FuncButtonDown {
        color: #e0f8fe;
        text-align: center;
        border-style: solid;

        border-left-color: #707c7f;
        border-top-color: #707c7f;
        border-right-color: #effbfe;
        border-bottom-color: #effbfe;
        background-color: #000066;
        color: #e0f8fe;

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

/*BeginNavBarStyle*/

div.NavButtonBar{
        background-color: #004080;
        text-align: center;
        margin: 2px 0px 2px 0px;
        clear: both;
        font-size: 100%;
}

.NavButton {
        border-style: solid;

        border-left-color: #7f9fbf;
        border-top-color: #7f9fbf;
        border-right-color: #002040;
        border-bottom-color: #002040;
        background-color: #004080;
        color: #ffffff;

        border-width: 2px;
        cursor: pointer;
}

.NavButtonUp {
        border-style: solid;

        border-left-color: #7f9fbf;
        border-top-color: #7f9fbf;
        border-right-color: #002040;
        border-bottom-color: #002040;
        color: #004080;
        background-color: #ffffff;

        border-width: 2px;
        cursor: pointer;
}

.NavButtonDown {
        border-style: solid;

        border-left-color: #002040;
        border-top-color: #002040;
        border-right-color: #7f9fbf;
        border-bottom-color: #7f9fbf;
        color: #004080;
        background-color: #ffffff;

        border-width: 2px;
        cursor: pointer;
}

/*EndNavBarStyle*/

a{
        color: #0000ff;
}

a:visited{
        color: #0000cc;
}

a:hover{
        color: #0000ff;
}

div.CardStyle {
        position: absolute;
        font-family: Geneva,Arial;
        font-size: 100%;
        padding: 5px;
        border-style: solid;
        border-width: 1px;
        color: #000066;
        background-color: #e0f8fe;
        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, '&quot;')
}

function TrimString(InString){
        var x = 0;

        if (InString.length != 0) {
                while ((InString.charAt(InString.length - 1) == '\u0020') || (InString.charAt(InString.length - 1) == '\u000A') || (InString.charAt(InString.length - 1) == '\u000D')){
                        InString = InString.substring(0, InString.length - 1)
                }

                while ((InString.charAt(0) == '\u0020') || (InString.charAt(0) == '\u000A') || (InString.charAt(0) == '\u000D')){
                        InString = InString.substring(1, InString.length)
                }

                while (InString.indexOf('  ') != -1) {
                        x = InString.indexOf('  ')
                        InString = InString.substring(0, x) + InString.substring(x+1, InString.length)
                 }

                return InString;
        }

        else {
                return '';
        }
}

function FindLongest(InArray){
        if (InArray.length < 1){return -1;}

        var Longest = 0;
        for (var i=1; i<InArray.length; i++){
                if (InArray[i].length > InArray[Longest].length){
                        Longest = i;
                }
        }
        return Longest;
}

//UNICODE CHARACTER FUNCTIONS
function IsCombiningDiacritic(CharNum){
        var Result = (((CharNum >= 0x0300)&&(CharNum <= 0x370))||((CharNum >= 0x20d0)&&(CharNum <= 0x20ff)));
        Result = Result || (((CharNum >= 0x3099)&&(CharNum <= 0x309a))||((CharNum >= 0xfe20)&&(CharNum <= 0xfe23)));
        return Result;
}

function IsCJK(CharNum){
        return ((CharNum >= 0x3000)&&(CharNum < 0xd800));
}

//SETUP FUNCTIONS
//BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED
function ClearTextBoxes(){
        var NList = document.getElementsByTagName('input');
        for (var i=0; i<NList.length; i++){
                if ((NList[i].id.indexOf('Guess') > -1)||(NList[i].id.indexOf('Gap') > -1)){
                        NList[i].value = '';
                }
                if (NList[i].id.indexOf('Chk') > -1){
                        NList[i].checked = '';
                }
        }
}

//EXTENSION TO ARRAY OBJECT
function Array_IndexOf(Input){
        var Result = -1;
        for (var i=0; i<this.length; i++){
                if (this[i] == Input){
                        Result = i;
                }
        }
        return Result;
}
Array.prototype.indexOf = Array_IndexOf;

//IE HAS RENDERING BUG WITH BOTTOM NAVBAR
function RemoveBottomNavBarForIE(){
        if ((C.ie)&&(document.getElementById('Reading') != null)){
                if (document.getElementById('BottomNavBar') != null){
                        document.getElementById('TheBody').removeChild(document.getElementById('BottomNavBar'));
                }
        }
}




//HOTPOTNET-RELATED CODE

var HPNStartTime = (new Date()).getTime();
var SubmissionTimeout = 30000;
var Detail = ''; //Global that is used to submit tracking data

function Finish(){
//If there's a form, fill it out and submit it
        if (document.store != null){
                Frm = document.store;
                Frm.starttime.value = HPNStartTime;
                Frm.endtime.value = (new Date()).getTime();
                Frm.mark.value = Score;
                Frm.detail.value = Detail;
                Frm.submit();
        }
}



function Card(ID, OverlapTolerance){
        this.elm=document.getElementById(ID);
        this.name=ID;
        this.css=this.elm.style;
        this.elm.style.left = 0 +'px';
        this.elm.style.top = 0 +'px';
        this.HomeL = 0;
        this.HomeT = 0;
        this.tag=-1;
        this.index=-1;
        this.OverlapTolerance = OverlapTolerance;
}

function CardGetL(){return parseInt(this.css.left)}
Card.prototype.GetL=CardGetL;

function CardGetT(){return parseInt(this.css.top)}
Card.prototype.GetT=CardGetT;

function CardGetW(){return parseInt(this.elm.offsetWidth)}
Card.prototype.GetW=CardGetW;

function CardGetH(){return parseInt(this.elm.offsetHeight)}
Card.prototype.GetH=CardGetH;

function CardGetB(){return this.GetT()+this.GetH()}
Card.prototype.GetB=CardGetB;

function CardGetR(){return this.GetL()+this.GetW()}
Card.prototype.GetR=CardGetR;

function CardSetL(NewL){this.css.left = NewL+'px'}
Card.prototype.SetL=CardSetL;

function CardSetT(NewT){this.css.top = NewT+'px'}
Card.prototype.SetT=CardSetT;

function CardSetW(NewW){this.css.width = NewW+'px'}
Card.prototype.SetW=CardSetW;

function CardSetH(NewH){this.css.height = NewH+'px'}
Card.prototype.SetH=CardSetH;

function CardInside(X,Y){
        var Result=false;
        if(X>=this.GetL()){if(X<=this.GetR()){if(Y>=this.GetT()){if(Y<=this.GetB()){Result=true;}}}}
        return Result;
}
Card.prototype.Inside=CardInside;

function CardSwapColours(){
        var c=this.css.backgroundColor;
        this.css.backgroundColor=this.css.color;
        this.css.color=c;
}
Card.prototype.SwapColours=CardSwapColours;

function CardHighlight(){
        this.css.backgroundColor='#000066';
        this.css.color='#e0f8fe';
}
Card.prototype.Highlight=CardHighlight;

function CardUnhighlight(){
        this.css.backgroundColor='#e0f8fe';
        this.css.color='#000066';
}
Card.prototype.Unhighlight=CardUnhighlight;

function CardOverlap(OtherCard){
        var smR=(this.GetR()<(OtherCard.GetR()+this.OverlapTolerance))? this.GetR(): (OtherCard.GetR()+this.OverlapTolerance);
        var lgL=(this.GetL()>OtherCard.GetL())? this.GetL(): OtherCard.GetL();
        var HDim=smR-lgL;
        if (HDim<1){return 0;}
        var smB=(this.GetB()<OtherCard.GetB())? this.GetB(): OtherCard.GetB();
        var lgT=(this.GetT()>OtherCard.GetT())? this.GetT(): OtherCard.GetT();
        var VDim=smB-lgT;
        if (VDim<1){return 0;}
        return (HDim*VDim);
}
Card.prototype.Overlap=CardOverlap;

function CardDockToR(OtherCard){
        this.SetL(OtherCard.GetR() + 5);
        this.SetT(OtherCard.GetT());
}

Card.prototype.DockToR=CardDockToR;

function CardSetHome(){
        this.HomeL=this.GetL();
        this.HomeT=this.GetT();
}
Card.prototype.SetHome=CardSetHome;

function CardGoHome(){
        this.SetL(this.HomeL);
        this.SetT(this.HomeT);
}

Card.prototype.GoHome=CardGoHome;


function doDrag(e) {
        if (CurrDrag == -1) {return};
        if (C.ie){var Ev = window.event}else{var Ev = e}
        var difX = Ev.clientX-window.lastX;
        var difY = Ev.clientY-window.lastY;
        var newX = DC[CurrDrag].GetL()+difX;
        var newY = DC[CurrDrag].GetT()+difY;
        DC[CurrDrag].SetL(newX);
        DC[CurrDrag].SetT(newY);
        window.lastX = Ev.clientX;
        window.lastY = Ev.clientY;
        return false;
}

function beginDrag(e, DragNum) {
        CurrDrag = DragNum;
        if (C.ie){
                var Ev = window.event;
                document.onmousemove=doDrag;
                document.onmouseup=endDrag;
        }
        else{
                var Ev = e;
                window.onmousemove=doDrag;
                window.onmouseup=endDrag;
        }
        DC[CurrDrag].Highlight();
        topZ++;
        DC[CurrDrag].css.zIndex = topZ;
        window.lastX=Ev.clientX;
        window.lastY=Ev.clientY;
        return false;
}

function endDrag(e) {
        if (CurrDrag == -1) {return};
        DC[CurrDrag].Unhighlight();
        if (C.ie){document.onmousemove=null}else{window.onmousemove=null;}
        onEndDrag();
        CurrDrag = -1;
//Need a bugfix for Opera focus problem here
        if (C.opera){FocusAButton();}
        return true;
}

var CurrDrag = -1;
var topZ = 100;






//JMATCH-SPECIFIC CORE JAVASCRIPT CODE

var CorrectResponse = 'Correct! Bravo.';
var IncorrectResponse = 'D&#x00E9;sol&#x00E9;! Faites un nouvel essai. Les paires incorrectes ont &#x00E9;t&#x00E9; enlev&#x00E9;es!';
var YourScoreIs = 'Votre score est de:';
var DivWidth = 600; //default value
var FeedbackWidth = 200; //default
var ExBGColor = '#e0f8fe';
var PageBGColor = '#FFFFFF';
var TextColor = '#000066';
var TitleColor = '#000066';
var Penalties = 0;
var Score = 0;
var TimeOver = false;
var Locked = false;
var ShuffleQs = true;
var QsToShow = 7;

var DragWidth = 200;
var LeftColPos = 100;
var RightColPos = 500;
var DragTop = 120;
var Finished = false;
var AnswersTried = '';

//Fixed and draggable card arrays
FC = new Array();
DC = new Array();

function onEndDrag(){
//Is it dropped on any of the fixed cards?
        var Docked = false;
        var DropTarget = DroppedOnFixed(CurrDrag);
        if (DropTarget > -1){
//If so, send home any card that is currently docked there
                for (var i=0; i<DC.length; i++){
                        if (DC[i].tag == DropTarget+1){
                                DC[i].GoHome();
                                DC[i].tag = 0;
                                D[i][2] = 0;
                        }
                }
//Dock the dropped card
                DC[CurrDrag].DockToR(FC[DropTarget]);
                D[CurrDrag][2] = F[DropTarget][1];
                DC[CurrDrag].tag = DropTarget+1;
                Docked = true;
        }

        if (Docked == false){
                DC[CurrDrag].GoHome();
                DC[CurrDrag].tag = 0;
                D[CurrDrag][2] = 0;
        }
}

function DroppedOnFixed(DNum){
        var Result = -1;
        var OverlapArea = 0;
        var Temp = 0;
        for (var i=0; i<FC.length; i++){
                Temp = DC[DNum].Overlap(FC[i]);
                if (Temp > OverlapArea){
                        OverlapArea = Temp;
                        Result = i;
                }
        }
        return Result;
}


function StartUp(){







//Calculate page dimensions and positions
        pg = new PageDim();
        DivWidth = Math.floor((pg.W*4)/5);
        DragWidth = Math.floor((DivWidth*3)/10);
        LeftColPos = Math.floor(pg.W/15);
        RightColPos = pg.W - (DragWidth + LeftColPos);
        DragTop = parseInt(document.getElementById('CheckButtonDiv').offsetHeight) + parseInt(document.getElementById('CheckButtonDiv').offsetTop) + 10;

        if (C.ie){
                DragTop += 15;
        }

//Reduce array if required
        if (QsToShow < F.length){
                ReduceItems2();
        }

//Shuffle the left items if required
        if (ShuffleQs == true){
                F = Shuffle(F);
        }

//Shuffle the items on the right
        D = Shuffle(D);

        var CurrTop = DragTop;
        var TempInt = 0;
        var DropHome = 0;
        var Widest = 0;
        var CardContent = '';
        for (var i=0; i<F.length; i++){
                CardContent = F[i][0];
                FC[i] = new Card('F' + i, 10);
                FC[i].elm.innerHTML = CardContent;
                if (FC[i].GetW() > Widest){
                        Widest = FC[i].GetW();
                }
        }

        if (Widest > DragWidth){Widest = DragWidth;}

        CurrTop = DragTop;

        DragWidth = Math.floor((DivWidth-Widest)/2) - 24;
        RightColPos = DivWidth + LeftColPos - (DragWidth + 14);
        var Highest = 0;
        var WidestRight = 0;

        for (i=0; i<D.length; i++){
                DC[i] = new Card('D' + i, 10);
                CardContent = D[i][0];
//                if (CardContent.indexOf('<img ') > -1){CardContent += '<br clear="all" />';} //used to be required for Navigator rendering bug with images
                DC[i].elm.innerHTML = CardContent;
                if (DC[i].GetW() > DragWidth){DC[i].SetW(DragWidth);}
                DC[i].css.cursor = 'move';
                DC[i].css.backgroundColor = '#e0f8fe';
                DC[i].css.color = '#000066';
                TempInt = DC[i].GetH();
                if (TempInt > Highest){Highest = TempInt;}
                TempInt = DC[i].GetW();
                if (TempInt > WidestRight){WidestRight = TempInt;}
        }

//Fix for 6.2: the reduction by 12 seems to be required -- no idea why!
        var HeightToSet = Highest-12;
        var WidthToSet = WidestRight-12;

        for (i=0; i<D.length; i++){
                DC[i].SetT(CurrTop);
                DC[i].SetL(RightColPos);
                if (DC[i].GetH() < Highest){
                        DC[i].SetH(HeightToSet);
                }
                if (DC[i].GetW() < WidestRight){
                        DC[i].SetW(WidthToSet);
                }
                DC[i].SetHome();
                DC[i].tag = -1;
                CurrTop = CurrTop + DC[i].GetH() + 5;
        }

        CurrTop = DragTop;

        for (var i=0; i<F.length; i++){
                FC[i].SetW(Widest);
                if (FC[i].GetH() < Highest){
                        FC[i].SetH(HeightToSet);
                }
                FC[i].SetT(CurrTop);
                FC[i].SetL(LeftColPos);
                FC[i].SetHome();
                TempInt = FC[i].GetH();
                CurrTop = CurrTop + TempInt + 5;
        }



}



F = new Array();
F[0] = new Array();
F[0][0]='La ville rose';
F[0][1] = 1;
F[1] = new Array();
F[1][0]='La merveille de l\'<font color="#0000ff" title="Abendland">Occident</font>';
F[1][1] = 2;
F[2] = new Array();
F[2][0]='La grande <font color="#0000ff" title="Schleife">boucle</font>';
F[2][1] = 3;
F[3] = new Array();
F[3][0]='Les Bleus';
F[3][1] = 4;
F[4] = new Array();
F[4][0]='Le XV de France';
F[4][1] = 5;
F[5] = new Array();
F[5][0]='Le JT, le 20 heures';
F[5][1] = 6;
F[6] = new Array();
F[6][0]='Les Champs';
F[6][1] = 7;


D = new Array();
D[0] = new Array();
D[0][0]='Toulouse';
D[0][1] = 1;
D[0][2] = 0;
D[1] = new Array();
D[1][0]='Le Mont-Saint-Michel';
D[1][1] = 2;
D[1][2] = 0;
D[2] = new Array();
D[2][0]='Le Tour de France';
D[2][1] = 3;
D[2][2] = 0;
D[3] = new Array();
D[3][0]='L\'&#x00E9;quipe de France de fottball';
D[3][1] = 4;
D[3][2] = 0;
D[4] = new Array();
D[4][0]='L\'&#x00E9;quipe de France de rugby';
D[4][1] = 5;
D[4][2] = 0;
D[5] = new Array();
D[5][0]='Le <font color="#0000ff" title="Fernsehnachrichten">journal t&#x00E9;l&#x00E9;vis&#x00E9;</font>';
D[5][1] = 6;
D[5][2] = 0;
D[6] = new Array();
D[6][0]='Les Champs-Elys&#x00E9;es';
D[6][1] = 7;
D[6][2] = 0;


function ReduceItems2(){
        var ItemToDump=0;
        var j=0;
        while (F.length > QsToShow){
                ItemToDump = Math.floor(F.length*Math.random());
                for (j=ItemToDump; j<(F.length-1); j++){
                        F[j] = F[j+1];
                }
                for (j=ItemToDump; j<(D.length-1); j++){
                        D[j] = D[j+1];
                }
                F.length = F.length-1;
                D.length = D.length-1;
        }
}

function TimerStartUp(){
        setTimeout('StartUp()', 300);
}

function CheckAnswers(){
        if (Locked == true){return;}
//Set the default score and response
        var TotalCorrect = 0;
        Score = 0;
        var Feedback = '';

//for each fixed, check to see if the tag value for the draggable is the same as the fixed
        if (AnswersTried.length > 0){AnswersTried += ' | ';}
        var i, j;
        for (i=0; i<D.length; i++){
                if (i>0){AnswersTried += ',';}
                AnswersTried += D[i][1] + '.' + D[i][2] + '';
                if ((D[i][2] == D[i][1])&&(D[i][2] > 0)){
                        TotalCorrect++;
                }
                else{
//Change made for version 6.0.3.41: don't send wrong items home,
//show them in a more conspicuous way.
//                        DC[i].GoHome();
                                DC[i].SetL(DC[i].GetL() + 10);
                                DC[i].Highlight();
                }
        }

        Score = Math.floor((100*(TotalCorrect-Penalties))/F.length);

        var AllDone = false;

        if (TotalCorrect == F.length) {
                AllDone = true;
        }

        if (AllDone == true){
                Feedback = YourScoreIs + ' ' + Score + '%.';
                ShowMessage(Feedback + '<br />' + CorrectResponse);
        }
        else {
                Feedback = IncorrectResponse + '<br />' + YourScoreIs + ' ' + Score + '%.';
                ShowMessage(Feedback);
                Penalties++; // Penalty for inaccurate check
        }
//If the exercise is over, deal with that
        if ((AllDone == true)||(TimeOver == true)){


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

}









//-->

//]]>

</script>

</head>

<body onload="TimerStartUp()" id="TheBody" >
<!-- BeginTopNavButtons -->


<div class="NavButtonBar" id="TopNavBar">


<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="history.back(); return false;">&lt;= Pr&#x00E9;c&#x00E9;dent</button>





<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='decod2.html'; return false;">Suivant =&gt;</button>


</div>



<!-- EndTopNavButtons -->

<div class="Titles">
        <h2 class="ExerciseTitle">Formules journalistiques pour parler de la France (2)</h2>

        <h3 class="ExerciseSubtitle">Exercice d'association</h3>



</div>

<div id="InstructionsDiv" class="StdDiv">
        <div id="Instructions">D&#x00E9;placez les &#x00E9;l&#x00E9;ments de la colonne de droite vers ceux de la colonne de gauche.</div>
</div>

<div class="StdDiv" id="CheckButtonDiv">
<button id="CheckButton1" class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="CheckAnswers()">&nbsp;Correction&nbsp;</button>
</div>

<script type="text/javascript">

//<![CDATA[

<!--


for (var i=0; i<F.length; i++){
        document.write('<div id="F' + i + '" class="CardStyle"></div>');
}

for (var i=0; i<D.length; i++){
        document.write('<div id="D' + i + '" class="CardStyle" onmousedown="beginDrag(event, ' + i + ')"></div>');
}

//-->

//]]>
</script>

<div class="Feedback" id="FeedbackDiv">
<div class="FeedbackText" id="FeedbackContent"></div>
<button id="FeedbackOKButton" class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="HideFeedback(); return false;">&nbsp;OK&nbsp;</button>
</div>

<!-- BeginBottomNavButtons -->

<!-- EndBottomNavButtons -->

<!-- BeginSubmissionForm -->

<!-- EndSubmissionForm -->

</body>
</html>