<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")=="Successit Claudio")
{
  // 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")=="Nero,")
{
  // 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")=="Caligulae auunculo suo simillimus,")
{
  // 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")=="qui Romanum imperium et deformauit et diminuit")
{
  // 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")=="inusitatae luxuriae sumptuumque,")
{
  // 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")=="ut qui exemplo C. Caligulae,")
{
  // 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")=="in calidis et frigidis lauaret unguentis,")
{
  // 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")=="retibus aureis piscaretur,")
{
  // 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")=="qu’il retirait avec des cordons couleur de pourpre.")
{
  // 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="Successit Claudio";rep2="Nero,";rep3="Caligulae auunculo suo simillimus,";rep4="qui Romanum imperium et deformauit et diminuit";rep5="inusitatae luxuriae sumptuumque,";rep6="ut qui exemplo C. Caligulae,";rep7="in calidis et frigidis lauaret unguentis,";rep8="retibus aureis piscaretur,";rep9="qu’il retirait avec des cordons couleur de pourpre.";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"> Successit Claudio Nero, Caligulae auunculo suo simillimus, qui Romanum imperium et deformauit et diminuit, inusitatae luxuriae sumptuumque, ut qui exemplo C. Caligulae in calidis et frigidis lauaret unguentis, retibus aureis piscaretur, quae blattinis funibus extrahebat. 
EUTROPE - Néron, VII,9</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">
À Claude, succèda<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">
Néron,<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">
semblable en tout point à Caligula son oncle,<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">
qui affaiblit et diminua l’empire romain ; <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">
il poussa l’excès du luxe et de la dépense <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">
jusqu’à, comme Caïus Caligula,<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">
se baigner dans des parfums brûlants et glacés; <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">
jusqu’à pêcher avec des filets d’or <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">
quae blattinis funibus extrahebat. <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>