<HTML><head>
<title>EXERCICES Hodoi Elektronikai</title>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
 function ouvre(j) { 
//   if (document.voca.solution1.value=="") { document.voca.solution1.value=document.voca.fran1.value;}
//   if (document.voca.solution2.value=="") { document.voca.solution2.value=document.voca.fran2.value;}
//   if (document.voca.solution3.value=="") { document.voca.solution3.value=document.voca.fran3.value;}
//   if (document.voca.solution4.value=="") { document.voca.solution4.value=document.voca.fran4.value;}
//   if (document.voca.solution5.value=="") { document.voca.solution5.value=document.voca.fran5.value;}
//   if (document.voca.solution6.value=="") { document.voca.solution6.value=document.voca.fran6.value;}
//   if (document.voca.solution7.value=="") { document.voca.solution7.value=document.voca.fran7.value;}
//   if (document.voca.solution8.value=="") { document.voca.solution8.value=document.voca.fran8.value;}
//   if (document.voca.solution9.value=="") { document.voca.solution9.value=document.voca.fran9.value;}
//   if (document.voca.solution10.value=="") { document.voca.solution10.value=document.voca.fran10.value;}
  

//    document.voca.position.value=j;    
//    document.voca.elements[j].value="";
}        
 
function test(v)  {
    x = document.voca.position.value;
    document.voca.elements[x].value= v;  }

var  timerID = null;
var  hrs=0;
var  min=0;
var  sec=-1;
var  testeur=0;
 function cldt()  {
   clearTimeout(timerID);
   hrs=0;
   min=0;
   sec=-1;
   testeur=0;  }
 function getdt()  {
    sec++;
  if(sec>59)   {
      min++;
      sec=0;   }
  if(min>59)   {
     min=0;
     sec=0;
     hrs++;   }
   tm= " "+((hrs<10)?"0":"")+hrs+":";
   tm+= ((min<10)?"0":"")+min+":";
   tm+= ((sec<10)?"0":"")+sec+" ";
   document.h.display.value=tm;
   timerID=setTimeout("getdt()",1000);  }
 function da()  {
    if (testeur==0) {
       document.h.chrono.value="Arrêt du chronomètre";
       testeur=1;
       getdt();     }
    else     {
       document.h.chrono.value="Initialisation du chronomètre";
       testeur=0;
       cldt();     }
   }


//--></SCRIPT></head>

<BODY bgcolor="#FFFFD7" LINK="blue" VLINK="blue">
<center>
<table cellspacing="3" cellpadding="5"  width="90%" >
<tr>
  <td valign="top" NOWRAP bgcolor="F3F0B9" align="center" width="90%" >
    <font size="+2" face="Verdana"><b>Hodoi Elektronikai</b><br>
       <font size=+1><i>Du texte au parcours didactique</i></font><p>
     <font color=red size=+1> Exercice : Le Puzzle  </font>      <p>
  </td>
</tr>
</table>
</center>
<hr>
<p>
<script LANGUAGE=javascript>
function fnHandleDragStart()
{
  var oData = window.event.dataTransfer;
  oData.effectAllowed = "copy";
}
function fnHandleDrop()
{
  var oTarg = window.event.srcElement;
  var oData = window.event.dataTransfer;
if (oTarg.id == "b03Target01a")
{
// Si solution est correcte
 if (oData.getData("text")=="Καὶ ἅμ᾽εἰπὼν ταῦτα")
{
  // Cancel default action.
  fnCancelDefault();
  oTarg.innerText = "";
  oTarg.innerText += oData.getData("text");
}
else
{
 alert("Réponse incorrecte");
}}
if (oTarg.id == "b03Target02a")
{
// Si solution est correcte
 if (oData.getData("text")=="ἐπισχόμενος καὶ μάλα εὐχερῶς")
{
  // Cancel default action.
  fnCancelDefault();
  oTarg.innerText = "";
  oTarg.innerText += oData.getData("text");
}
else
{
 alert("Réponse incorrecte");
}}
if (oTarg.id == "b03Target03a")
{
// Si solution est correcte
 if (oData.getData("text")=="καὶ μάλα εὐχερῶς καὶ εὐκόλως ἐξέπιεν.")
{
  // Cancel default action.
  fnCancelDefault();
  oTarg.innerText = "";
  oTarg.innerText += oData.getData("text");
}
else
{
 alert("Réponse incorrecte");
}}
if (oTarg.id == "b03Target04a")
{
// Si solution est correcte
 if (oData.getData("text")=="Καὶ ἡμῶν οἱ πολλοὶ τέως μὲν ἐπιεικῶς οἷοί τε ἦσαν")
{
  // Cancel default action.
  fnCancelDefault();
  oTarg.innerText = "";
  oTarg.innerText += oData.getData("text");
}
else
{
 alert("Réponse incorrecte");
}}
if (oTarg.id == "b03Target05a")
{
// Si solution est correcte
 if (oData.getData("text")=="κατέχειν τὸ μὴ δακρύειν,")
{
  // Cancel default action.
  fnCancelDefault();
  oTarg.innerText = "";
  oTarg.innerText += oData.getData("text");
}
else
{
 alert("Réponse incorrecte");
}}
if (oTarg.id == "b03Target06a")
{
// Si solution est correcte
 if (oData.getData("text")=="ὡς δὲ εἴδομεν πίνοντά τε καὶ πεπωκότα,")
{
  // Cancel default action.
  fnCancelDefault();
  oTarg.innerText = "";
  oTarg.innerText += oData.getData("text");
}
else
{
 alert("Réponse incorrecte");
}}
if (oTarg.id == "b03Target07a")
{
// Si solution est correcte
 if (oData.getData("text")=="ἀλλ᾽ἐμοῦ γε βίᾳ καὶ αὐτοῦ ἀστακτὶ")
{
  // Cancel default action.
  fnCancelDefault();
  oTarg.innerText = "";
  oTarg.innerText += oData.getData("text");
}
else
{
 alert("Réponse incorrecte");
}}
if (oTarg.id == "b03Target08a")
{
// Si solution est correcte
 if (oData.getData("text")=="οὐκέτι... ἐχώρει τὰ δάκρυα,")
{
  // Cancel default action.
  fnCancelDefault();
  oTarg.innerText = "";
  oTarg.innerText += oData.getData("text");
}
else
{
 alert("Réponse incorrecte");
}}
if (oTarg.id == "b03Target09a")
{
// Si solution est correcte
 if (oData.getData("text")=="ὥστε ἐγκαλυψάμενος")
{
  // Cancel default action.
  fnCancelDefault();
  oTarg.innerText = "";
  oTarg.innerText += oData.getData("text");
}
else
{
 alert("Réponse incorrecte");
}}
if (oTarg.id == "b03Target010a")
{
// Si solution est correcte
 if (oData.getData("text")=="ἀπέκλαον ἐμαυτόν")
{
  // Cancel default action.
  fnCancelDefault();
  oTarg.innerText = "";
  oTarg.innerText += oData.getData("text");
}
else
{
 alert("Réponse incorrecte");
}}
//////////////////////////////// FIN TARGET /////////////////////////////////////////////////////
}
function fnHandleDragEnter()
{
  var oData = window.event.dataTransfer;
  fnCancelDefault();
 oData.dropEffect = "copy";
}
function fnCancelDefault()
{
  var oEvent = window.event;
  oEvent.returnValue = false;
}
vali=0;
function valider()
{
if (vali==0) {
rep1="Καὶ ἅμ᾽εἰπὼν ταῦτα";rep2="ἐπισχόμενος καὶ μάλα εὐχερῶς";rep3="καὶ μάλα εὐχερῶς καὶ εὐκόλως ἐξέπιεν.";rep4="Καὶ ἡμῶν οἱ πολλοὶ τέως μὲν ἐπιεικῶς οἷοί τε ἦσαν";rep5="κατέχειν τὸ μὴ δακρύειν,";rep6="ὡς δὲ εἴδομεν πίνοντά τε καὶ πεπωκότα,";rep7="ἀλλ᾽ἐμοῦ γε βίᾳ καὶ αὐτοῦ ἀστακτὶ";rep8="οὐκέτι... ἐχώρει τὰ δάκρυα,";rep9="ὥστε ἐγκαλυψάμενος";rep10="ἀπέκλαον ἐμαυτόν";  var oTarg = window.event.srcElement;
  var oData = window.event.dataTransfer;
function rightTrim(sString)
{
while (sString.substring(0,1) == ' '){
sString = sString.substring(1, sString.length);
}
while (sString.substring(sString.length-1, sString.length) == ' ')
{sString = sString.substring(0,sString.length-1);}
return sString;}
document.test.b03Target01a.value = rightTrim(document.test.b03Target01a.value);
rep1 = rightTrim(rep1);
document.test.b03Target02a.value = rightTrim(document.test.b03Target02a.value);
rep2 = rightTrim(rep2);
document.test.b03Target03a.value = rightTrim(document.test.b03Target03a.value);
rep3 = rightTrim(rep3);
document.test.b03Target04a.value = rightTrim(document.test.b03Target04a.value);
rep4 = rightTrim(rep4);
document.test.b03Target05a.value = rightTrim(document.test.b03Target05a.value);
rep5 = rightTrim(rep5);
document.test.b03Target06a.value = rightTrim(document.test.b03Target06a.value);
rep6 = rightTrim(rep6);
document.test.b03Target07a.value = rightTrim(document.test.b03Target07a.value);
rep7 = rightTrim(rep7);
document.test.b03Target08a.value = rightTrim(document.test.b03Target08a.value);
rep8 = rightTrim(rep8);
document.test.b03Target09a.value = rightTrim(document.test.b03Target09a.value);rep9 = rightTrim(rep9);
document.test.b03Target010a.value = rightTrim(document.test.b03Target010a.value);
rep10 = rightTrim(rep10);
if (document.test.b03Target01a.value == rep1) {document.getElementById('b03Target01a').style.border="2px solid #00FF00";} else {document.getElementById('b03Target01a').style.border="2px solid #FF0000";}if (document.test.b03Target02a.value  == rep2) {document.getElementById('b03Target02a').style.border="2px solid #00FF00";} else {document.getElementById('b03Target02a').style.border="2px solid #FF0000";}if (document.test.b03Target03a.value  == rep3) {document.getElementById('b03Target03a').style.border="2px solid #00FF00";} else {document.getElementById('b03Target03a').style.border="2px solid #FF0000";}if (document.test.b03Target04a.value  == rep4) {document.getElementById('b03Target04a').style.border="2px solid #00FF00";} else {document.getElementById('b03Target04a').style.border="2px solid #FF0000";}if (document.test.b03Target05a.value  == rep5) {document.getElementById('b03Target05a').style.border="2px solid #00FF00";} else {document.getElementById('b03Target05a').style.border="2px solid #FF0000";}if (document.test.b03Target06a.value  == rep6) {document.getElementById('b03Target06a').style.border="2px solid #00FF00";} else {document.getElementById('b03Target06a').style.border="2px solid #FF0000";}if (document.test.b03Target07a.value  == rep7) {document.getElementById('b03Target07a').style.border="2px solid #00FF00";} else {document.getElementById('b03Target07a').style.border="2px solid #FF0000";}if (document.test.b03Target08a.value  == rep8) {document.getElementById('b03Target08a').style.border="2px solid #00FF00";} else {document.getElementById('b03Target08a').style.border="2px solid #FF0000";}if (document.test.b03Target09a.value  == rep9) {document.getElementById('b03Target09a').style.border="2px solid #00FF00";} else {document.getElementById('b03Target09a').style.border="2px solid #FF0000";}if (document.test.b03Target010a.value  == rep10) {document.getElementById('b03Target010a').style.border="2px solid #00FF00";} else {document.getElementById('b03Target010a').style.border="2px solid #FF0000";} document.getElementById('b03Targeta01a').innerHTML = rep1; document.getElementById('b03Targeta02a').innerHTML  = rep2; document.getElementById('b03Targeta03a').innerHTML  = rep3; document.getElementById('b03Targeta04a').innerHTML  = rep4; document.getElementById('b03Targeta05a').innerHTML  = rep5; document.getElementById('b03Targeta06a').innerHTML  = rep6; document.getElementById('b03Targeta07a').innerHTML = rep7; document.getElementById('b03Targeta08a').innerHTML  = rep8; document.getElementById('b03Targeta09a').innerHTML  = rep9; document.getElementById('b03Targeta010a').innerHTML  = rep10;}
vali=1;
}
</script>
<form name="h"><input type="text" name="display" size="20" value=""><input type="button" name="chrono" value="Initialisation du chronomètre" onclick="da()"></form><form name="test"><div id="divers01"><TABLE border><tr>
<td><SPAN ID="o03Source01b"  ondragstart="fnHandleDragStart()" style="background-color: #ffffD7"><pre><font face="palatino linotype" size="2">Καὶ ἅμ᾽εἰπὼν ταῦτα ἐπισχόμενος καὶ μάλα εὐχερῶς καὶ εὐκόλως ἐξέπιεν. 
Καὶ ἡμῶν οἱ πολλοὶ τέως μὲν ἐπιεικῶς οἷοί τε ἦσαν κατέχειν τὸ μὴ δακρύειν, 
ὡς δὲ εἴδομεν πίνοντά τε καὶ πεπωκότα, οὐκέτι, ἀλλ᾽ἐμοῦ γε βίᾳ καὶ αὐτοῦ ἀστακτὶ 
ἐχώρει τὰ δάκρυα, ὥστε ἐγκαλυψάμενος ἀπέκλαον ἐμαυτόν </font></pre></span></td></tr></TABLE><TABLE border>  <tr><th> Les (segments de) phrases </th><th> Réponse exacte - Traduction <i>modèle</i></th></tr>
<TR><td><font color="black" face="palatino linotype">
Tout en disant cela, <br><input type="text" name="b03Target01a" STYLE="background:beige; height:30;  width:500; border:solid black 1px;font-family:palatino linotype;"> &nbsp;</SPAN>
</font></td>
<td><SPAN ID="b03Targeta01a" STYLE="background:beige; height:20;  width:400; border:solid black 1px; font-family:palatino linotype;"></SPAN></td></tr>
<TR><td><font color="black" face="palatino linotype">
il portait la coupe à ses lèvres, <br><input type="text" name="b03Target02a" STYLE="background:beige; height:30;  width:500; border:solid black 1px;font-family:palatino linotype;"> &nbsp;</SPAN>
</font></td>
<td><SPAN ID="b03Targeta02a" STYLE="background:beige; height:20;  width:400; border:solid black 1px; font-family:palatino linotype;"></SPAN></td></tr>
<TR><td><font color="black" face="palatino linotype">
et il la vida jusqu’à la dernière goutte avec une aisance et un calme parfaits. <br><input type="text" name="b03Target03a" STYLE="background:beige; height:30;  width:500; border:solid black 1px;font-family:palatino linotype;"> &nbsp;</SPAN>
</font></td>
<td><SPAN ID="b03Targeta03a" STYLE="background:beige; height:20;  width:400; border:solid black 1px; font-family:palatino linotype;"></SPAN></td></tr>
<TR><td><font color="black" face="palatino linotype">
Jusque-là nous avions eu presque tous assez de force <br><input type="text" name="b03Target04a" STYLE="background:beige; height:30;  width:500; border:solid black 1px;font-family:palatino linotype;"> &nbsp;</SPAN>
</font></td>
<td><SPAN ID="b03Targeta04a" STYLE="background:beige; height:20;  width:400; border:solid black 1px; font-family:palatino linotype;"></SPAN></td></tr>
<TR><td><font color="black" face="palatino linotype">
pour retenir nos larmes ; <br><input type="text" name="b03Target05a" STYLE="background:beige; height:30;  width:500; border:solid black 1px;font-family:palatino linotype;"> &nbsp;</SPAN>
</font></td>
<td><SPAN ID="b03Targeta05a" STYLE="background:beige; height:20;  width:400; border:solid black 1px; font-family:palatino linotype;"></SPAN></td></tr>
<TR><td><font color="black" face="palatino linotype">
mais en le voyant boire, et quand il eut bu, <br><input type="text" name="b03Target06a" STYLE="background:beige; height:30;  width:500; border:solid black 1px;font-family:palatino linotype;"> &nbsp;</SPAN>
</font></td>
<td><SPAN ID="b03Targeta06a" STYLE="background:beige; height:20;  width:400; border:solid black 1px; font-family:palatino linotype;"></SPAN></td></tr>
<TR><td><font color="black" face="palatino linotype">
Moi-même, j’eus beau me contraindre ; <br><input type="text" name="b03Target07a" STYLE="background:beige; height:30;  width:500; border:solid black 1px;font-family:palatino linotype;"> &nbsp;</SPAN>
</font></td>
<td><SPAN ID="b03Targeta07a" STYLE="background:beige; height:20;  width:400; border:solid black 1px; font-family:palatino linotype;"></SPAN></td></tr>
<TR><td><font color="black" face="palatino linotype">
mes larmes s’échappèrent à flots ; <br><input type="text" name="b03Target08a" STYLE="background:beige; height:30;  width:500; border:solid black 1px;font-family:palatino linotype;"> &nbsp;</SPAN>
</font></td>
<td><SPAN ID="b03Targeta08a" STYLE="background:beige; height:20;  width:400; border:solid black 1px; font-family:palatino linotype;"></SPAN></td></tr>
<TR><td><font color="black" face="palatino linotype">
alors je me voilai la tête <br><input type="text" name="b03Target09a" STYLE="background:beige; height:30;  width:500; border:solid black 1px;font-family:palatino linotype;"> &nbsp;</SPAN>
</font></td>
<td><SPAN ID="b03Targeta09a" STYLE="background:beige; height:20;  width:400; border:solid black 1px; font-family:palatino linotype;"></SPAN></td></tr>
<TR><td><font color="black" face="palatino linotype">
et je pleurai sur moi-même ;<br><input type="text" name="b03Target010a" STYLE="background:beige; height:30;  width:500; border:solid black 1px;font-family:palatino linotype;"> &nbsp;</SPAN>
</font></td>
<td><SPAN ID="b03Targeta010a" STYLE="background:beige; height:20;  width:400; border:solid black 1px; font-family:palatino linotype;"></SPAN></td></tr>
</table><td><input type ="button" value="Correction" OnClick="valider()"></td>
</div>
<input type="hidden" name="position" value="0">
<input type="hidden" name="fran1" value="">
<input type="hidden" name="fran2" value="">
<input type="hidden" name="fran3" value="">
<input type="hidden" name="fran4" value="">
<input type="hidden" name="fran5" value="">
<input type="hidden" name="fran6" value="">
<input type="hidden" name="fran7" value="">
<input type="hidden" name="fran8" value="">
<input type="hidden" name="fran9" value="">
<input type="hidden" name="fran10" value="">

<script language="javascript">
//  document.voca.fran1.value=document.voca.solution1.value;
//  document.voca.fran2.value=document.voca.solution2.value;
//  document.voca.fran3.value=document.voca.solution3.value;
//  document.voca.fran4.value=document.voca.solution4.value;
//  document.voca.fran5.value=document.voca.solution5.value;
//  document.voca.fran6.value=document.voca.solution6.value;
//  document.voca.fran7.value=document.voca.solution7.value;
//  document.voca.fran8.value=document.voca.solution8.value;
//  document.voca.fran9.value=document.voca.solution9.value;
//  document.voca.fran10.value=document.voca.solution10.value;
</script>


</FORM>

<p>

<p>&nbsp;<TABLE align=center border=0 cellPadding=0 cellSpacing=0 width="97%">  <TBODY>  <TR>    <TD 
colSpan=2 align=left><hr width=450></TD></TR>  <TR><TD vAlign=top><span style="font-size: 9pt"><b><a 
href="http://www.ucl.ac.be" style="color:#004080;visibility:visible;text-decoration:none;">UCL</a></b> | <b><a 
href="http://zeus.fltr.ucl.ac.be" style="color:#004080;visibility:visible;text-decoration:none;">FLTR</a></b> 
| <b><a 
href="http://mercure.fltr.ucl.ac.be/hodoi" style="color:#004080;visibility:visible;text-decoration:none;">Hodoi 
Elektronikai</a></b> 
| <b><a 
href="http://pot-pourri.fltr.ucl.ac.be/itinera" style="color:#004080;visibility:visible;text-decoration:none;">Itinera 
Electronica</a></b> 
| <b><a href="http://bcs.fltr.ucl.ac.be" 
style="color:#004080;visibility:visible;text-decoration:none;">Bibliotheca Classica Selecta (BCS)</a></b>   
| <b><a 
href="http://lupacap.fltr.ucl.ac.be/" style="color:#004080;visibility:visible;text-decoration:none;">Lupa Capitolina Electronica</a> |</b> 
<br> 
Analyse, design et réalisation informatiques : <A href="mailto:maroutaeff@fltr.ucl.ac.be">B. Maroutaeff</A> - <A 
href="mailto:schumacher@sflt.ucl.ac.be">J. Schumacher</A></span> <br><span style="font-size: 9pt">
Dernière mise à jour : 24/01/2005 </span></TD><TD align=right vAlign=top>&nbsp;&nbsp; 
</TD></TR></TBODY></TABLE></body></html>