<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;
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">
Et quand il fut entré dans la barque, ses disciples le suivirent. <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">
Et voici, une grande tempête s'éleva sur la mer, <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">
en sorte que la barque était couverte par les flots ; mais lui dormait. <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">
Et les disciples s'approchant, le réveillèrent, disant : <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">
Seigneur, sauve-nous, nous périssons ! <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">
Et il leur dit : Pourquoi avez-vous peur, gens de petite foi ? <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">
Alors s'étant levé, il réprimanda les vents et la mer, <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">
et il se fit un grand calme. <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">
Et ces hommes furent dans l'admiration, et ils disaient : <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">
Quel est celui-ci, à qui même les vents et la mer obéissent ? <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>