<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">
Comme boisson ils ont<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">
de l'air<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">
pressée dans une coupe<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 qui  laisse sortir quelque chose de liquide<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">
comme de la rosée.<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">
 <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">
 <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">
 <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">
 <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">
 <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>