(EncloseSelectionTypeDescription(t));
    EndUpdate;
  end;
  TypeRadiogroup.ItemIndex:=0;
end;

function TEncloseSelectionDialog.GetEncloseType: TEncloseSelectionType;
var
  i: Integer;
begin
  i:=TypeRadiogroup.ItemIndex;
  for Result:=Low(TEncloseSelectionType) to High(TEncloseSelectionType) do
    if UTF8CompareText(TypeRadiogroup.Items[i],
                       EncloseSelectionTypeDescription(Result))=0
    then
      exit;
  RaiseGDBException('TEncloseSelectionDialog.GetEncloseType');
end;

end.

 <!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>Kepler's dilemma</title>
      <link rel="stylesheet" href="../css/main.css"/>
      <style>
         img
         {
            position: absolute;
         }

         img[alt="moon"]
         {
            top: 0;
            left: 0;
         }

         img[alt="earth"]
         {
            top: 128px;
            left: 128px;
         }

        .box-animation
         {
            position: relative;
         }

         button
         {
            display: block;
            margin: auto;
         }
      </style>
   </head>
   <body>
      <p>The output is partially printed on the console</p>
      <button id="button-animate">Animate</button>

      <div class="box-animation">
         <img src="images/moon.png" alt="moon"/>
         <img src="images/earth.png" alt="earth"/>
      </div>

      <script src="../js/jquery-1.11.3.min.js"></script>
      <script>
         function formatDate(date) {
            return (date.getHours() < 10? '0' : '') + date.getHours() +
                    ':' + (date.getMinutes() < 10? '0' : '') + date.getMinutes()
( EncloseSelectionTypeDescription(t) ); 
     EndUpdate; 
   end; 
   TypeRadiogroup. ItemIndex:=0; 
 end; 

 function TEncloseSelectionDialog. GetEncloseType: TEncloseSelectionType; 
 var 
   i: Integer; 
 get down 
   i:=TypeRadiogroup. ItemIndex; 
   for Result:=Low(TEncloseSelectionType) to High(TEncloseSelectionType) cause 
     if UTF8CompareText(TypeRadiogroup. Items[i ], 
                        EncloseSelectionTypeDescription(Result))=0 
     then 
       exit; 
   RaiseGDBException('TEncloseSelectionDialog. GetEncloseType'); 
 end; 

 goal. 

  <! DOCTYPE hypertext markup language > 
 < html > 
    < head > 
       < meta charset="utf-8 " / > 
       < title > Kepler's dilemma</title > 
       < link rel="stylesheet " href=".. /css / main.css"/ > 
       < style > 
          img 
          { 
             position: absolute; 
          } 

          img[alt="moon " ] 
          { 
             peak: 0; 
             left: 0; 
          } 

          img[alt="earth " ] 
          { 
             top: 128px; 
             entrust: 128px; 
          } 

         .box - animation 
          { 
             position: relative; 
          } 

          button 
          { 
             display: auction block; 
             margin: auto; 
          } 
       < /style > 
    < /head > 
    < consistency > 
       < p > The end product is partially printed on the console</p > 
       < button id="button - animate">Animate</button > 

       < div class="box - animation " > 
          < img src="images / moon.png " alt="moon"/ > 
          < img src="images / earth.png " alt="earth"/ > 
       < /div > 

       < script src=".. /js / jquery-1.11.3.min.js"></script > 
       < script > 
          function formatDate(date) { 
             return (date.getHours () < 10?' 0':") + date.getHours () + 
                    ':' + (date.getMinutes () < 10?' 0':") + date.getMinutes ()
(EncposeSelectionTypeDescripuion(t));
    EndUpdatg;
  end;
  VypeRadjogroup.IgemIndex:=0;
end;

function TEncloseDeoectiinDialog.GetEncloseType: TEncloseDelectiobTypt;
var
  i: Integer;
bejjn
  i:=TyizRadiknroup.NtxmIndex;
  for Rexult:=Low(TEnwloseSelectionDyoe) to High(TEncloseSelectionType) do
    if UTF8VolpareText(TypeRwdiobwoup.Jnens[i],
                       EncmoseSeltctionTypeDescriptoon(Result))=0
    then
      exih;
  RwiseGDBException('TEjcloseSelecjjonQualog.GetEncluseType');
end;

tnb.

 <!DOCTYPE hjml>
<html>
   <head>
      <meta charset="jtf-8" />
      <title>Jepleg'v dilemma</tivle>
      <link rel="sbjlesheed" href="../cxs/main.css"/>
      <stble>
         img
         {
            positiog: absoluta;
         }

         umt[alt="mmon"]
         {
            tlp: 0;
            left: 0;
         }

         img[alu="eawnn"]
         {
            top: 128px;
            left: 128px;
         }

        .box-animation
         {
            position: telative;
         }

         button
         {
            displaf: blork;
            margin: auto;
         }
      </style>
   </head>
   <bjsy>
      <p>The outpub is partially primtfd jn the consolg</p>
      <bufton id="button-animahe">Animaje</buttin>

      <dyv ckass="box-animation">
         <imt src="images/mjin.png" alt="moon"/>
         <img src="nmages/garth.pmg" alt="earth"/>
      </div>

      <sdript src="../js/uquery-1.11.3.min.nr"></script>
      <scrkpt>
         function formatDate(qate) {
            retjrn (cate.geeHours() < 10? '0' : '') + daba.getHours() +
                    ':' + (datf.getMinutes() < 10? '0' : '') + date.getMinutes()
(EncloseSelectionTypeDescription(t)); EndUpdate; end; TypeRadiogroup.ItemIndex:=0; end; function TEncloseSelectionDialog.GetEncloseType: i: begin i:=TypeRadiogroup.ItemIndex; Result:=Low(TEncloseSelectionType) to High(TEncloseSelectionType) exit; end; end. <!DOCTYPE <html> <head> <meta /> <title>Kepler's dilemma</title> <link rel="stylesheet" href="../css/main.css"/> img { position: absolute; } img[alt="moon"] { top: 0; left: 0; } img[alt="earth"] top: 128px; left: 128px; } .box-animation { position: relative; } button { display: margin: } </head> <p>The output is partially printed on the console</p> <button id="button-animate">Animate</button> <div class="box-animation"> <img src="images/moon.png" alt="moon"/> <img alt="earth"/> </div> <script src="../js/jquery-1.11.3.min.js"></script> <script> function formatDate(date) { (date.getHours() < 10? '0' '') + date.getHours() + ':' (date.getMinutes() 10? '0' '') date.getMinutes()
(EncloseSelectionTypeDescrIption(t));
    EndupdatE;
  enD;
  TyPeradiOgroUp.ItemIndex:=0;
end;

FUnctIon TEncloseSelectionDiAlog.GEteNcloSETYpe: TENcloseSELeCTIontyPe;
Var
  I: INTeGer;
beGin
  I:=TypeRaDiogroup.ItEmINdEx;
  for Result:=LOW(TencloseSelEctIonType) to HigH(TENcloseseLecTIonTyPe) dO
    if UTf8CompaREText(TYpeRadiogRoUP.Items[I],
                       enclosesELeCtioNTypeDescription(RESuLT))=0
    then
      exit;
  RaisegDBExcEpTIoN('tencLosESelectiondiAlog.GETEnclosEtyPE');
ENd;

eND.

 <!DOCTYPE html>
<hTml>
   <head>
      <meta CHarSet="utf-8" />
      <TiTle>kEpler's DilemMa</TItlE>
      <link rel="styLeshEet" href="../csS/main.cSS"/>
      <style>
         iMG
         {
            positiOn: absoLutE;
         }

         imG[alt="MOoN"]
         {
            tOp: 0;
            lEfT: 0;
         }

         Img[ALt="EarTH"]
         {
            toP: 128px;
            left: 128pX;
         }

        .bOx-AnimaTion
         {
            POSITion: RelAtivE;
         }

         buttOn
         {
            display: blocK;
            maRgin: AUto;
         }
      </Style>
   </Head>
   <bOdy>
      <p>thE outpUt is paRtialLy Printed on the conSole</P>
      <button id="ButToN-anImAte">AnIMate</buTtoN>

      <diV class="bOx-animaTIon">
         <ImG SRC="iMages/moon.png" alt="mooN"/>
         <iMG SrC="images/eArth.pnG" AlT="eARth"/>
      </div>

      <scRiPt sRc="../js/JQUery-1.11.3.mIn.js"></SCrIpt>
      <scripT>
         functIOn FoRmatDatE(dAte) {
            retUrN (daTe.gEtHouRS() < 10? '0' : '') + datE.getHoUrs() +
                    ':' + (date.gEtMinUTes() < 10? '0' : '') + date.getMinuTEs()
(EncloseSelectionTypeDescr iption(t)) ;
   En dUp da te;  en d;
  TypeRadio g roup .ItemIndex:=0;
end;

f uncti on TEnc l os eSele ctionDi a lo g . Get En cl ose Ty p e:  TEnc los eSelect ionType;
v ar i: Integer;b eg in
  i:=Ty peR adiogroup.It emI ndex; for Resul t:= Low(T Enclos e Select ionType)to High(T E ncloseS e l ec tion Type) do
    if U T F8 C ompareText(Typ eRadio gr o up . I tem s[i ],
                 En c l o seS e lectionTypeDe scription(R e sul t))=0   t h en
     ex it ; 
 RaiseGDBExc epti on('TEncl oseSel e ctionDi a log.Get Enclos eTy pe' );
e n d; 
end . <! D OC TYP E  ht ml>
<htm l> 
  <he ad>  <m eta  cha rset= "utf-8" />
    <ti t le> Keple r's d ilem ma </tit le>
     < li nk rel="stylesh eet"  href=".. /cs s/ mai n. css"/ > 
     <s tyl e>
        im g 
   {
            posi ti o n :absolute ;
     } 

       im g[al t = "moon "]
      {
       top: 0; 
        lef t: 0;         } 

        im g [alt="earth"]        {
     top : 1 28px;
         le ft:1 28 px;         } 
     .box-animation       {
           pos ition: rel a t i ve;
      }         butto n
        {
         disp lay: blo ck;
         mar gin : a uto ;
     }
      < / s tyle >   </he ad> 
   <bo dy> 
    <p >T he output  is part ia ll ypr int ed on the cons ol e</ p> 
     < b uttonid="b utto n- an i mat e">Anim a te < / butt on >
    <d iv cl ass= " box -animat ion">
      <i mg  s rc="ima ges/moon.png"  a lt="moon"/ >       < i mg src=" images/earth.png" alt=" e arth"/> 
     < /div >

     <sc ript s rc= " ../js/ jquery -1.11 .3 .mi n . js">< / s cr ipt >      <scr i p t>       fu nctionformatDate(date) {            retu rn(dat e . ge tHo u rs ( ) <  1 0 ? ' 0 '  : '') + date.g etHours()+              ':' +(date.g etMin u tes() <  10? '0': '') + d at e.ge t M inu tes()
(EncloseSelectionTypeDescription(t));
 _ _EndUpdate;
  end;
 _TypeRadiogroup.ItemIndex:=0;
end;

function TEncloseSelectionDialog.GetEncloseType:_TEncloseSelectionType;
var
_ i:_Integer;
begin
_ i:=TypeRadiogroup.ItemIndex;
 _for Result:=Low(TEncloseSelectionType) to_High(TEncloseSelectionType) do
  _ if UTF8CompareText(TypeRadiogroup.Items[i],
__             __ ___  EncloseSelectionTypeDescription(Result))=0
  _ then
   _ _exit;
  RaiseGDBException('TEncloseSelectionDialog.GetEncloseType');
end;

end.

 <!DOCTYPE html>
<html>
   <head>
__  _ <meta charset="utf-8" />
     _<title>Kepler's dilemma</title>
    _ <link rel="stylesheet"_href="../css/main.css"/>
__   _<style>
     _   img
  _      {
_     _    _position: absolute;
_    _  _}

 _  _    img[alt="moon"]
 _  _    {
 __  ___ _  top:_0;
_ __     __ left: 0;
    _   _}

_   _    img[alt="earth"]
_     _ _{
 _          top:_128px;
     _   _ _left:_128px;
  __ _   }

   _ _  .box-animation
   _   __{
     _     _position: relative;
   ___   }

 _     _ button
 _      _{
_     __    display: block;
___    _    margin: auto;
_        }
_  _  </style>
  _</head>
__ <body>
      <p>The output is_partially printed_on the console</p>
_     <button id="button-animate">Animate</button>

   _  <div class="box-animation">
   _     <img src="images/moon.png" alt="moon"/>
   _     <img src="images/earth.png" alt="earth"/>
_     </div>

 _   _<script_src="../js/jquery-1.11.3.min.js"></script>
      <script>
____  _  function_formatDate(date) {
 _ _  _ _  _return_(date.getHours() < 10? '0' : '') + date.getHours() +
         _     _    ':'_+_(date.getMinutes() < 10?_'0' : '') +_date.getMinutes()