<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")=="Primis tamen annis moderatus in imperio fuit,")
{
  // 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")=="mox ad ingentia uitia progressus")
{
  // 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")=="libidinis,")
{
  // 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")=="iracundiae,")
{
  // 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")=="crudelitatis,")
{
  // 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")=="auaritiae")
{
  // 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")=="tantum in se odii concitauit,")
{
  // 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")=="ut merita et patris et fratris aboleret.")
{
  // 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")=="Interfecit")
{
  // 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")=="nobilissimos e senatu.")
{
  // 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="Primis tamen annis moderatus in imperio fuit,";rep2="mox ad ingentia uitia progressus";rep3="libidinis,";rep4="iracundiae,";rep5="crudelitatis,";rep6="auaritiae";rep7="tantum in se odii concitauit,";rep8="ut merita et patris et fratris aboleret.";rep9="Interfecit";rep10="nobilissimos e senatu.";  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">Primis tamen annis moderatus in imperio fuit, mox ad ingentia uitia progressus libidinis, iracundiae, crudelitatis, auaritiae tantum in se odii concitauit, ut merita et patris et fratris aboleret. Interfecit nobilissimos e senatu. 
EUTROPE - Domitien, VII, 15 </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">
Si dans les premières années il fut modéré dans l'exercice du pouvoir,<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">
s’abandonnant bientôt aux vices les plus monstrueux<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">
de la débauche,<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">
de la colère,<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">
de la cruauté,<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">
de l'avarice,<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">
il souleva contre lui tant de haine <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">
qu’il fit oublier les vertus de son père et de son frère.<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">
Il fit mettre à mort<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">
les plus nobles des sénateurs.<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>