ggrc
/
ihanoi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
							<!--

iHanói
http://www.usp.br/line

Uso: localhost/ihanoi/index.html?n=3&lang=pt
@TODO ainda nao implementado multi-lingua

@AUTHOR Leônidas de Oliveira Brandão
v0: 2020/07/28

-->

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>iHanói - Problema das Torres de Hanói</title>
  <link rel="stylesheet" href="css/ihanoi_style.css" />
 </head>

<body onload="listaURL(); desenhaTudo();">

<!--canvas id="canvas"></canvas-->
<img id="fundo" style="display:none;" src="img/img_fundo_hanoi.png" />
<img id="haste0" style="display:none;" src="img/hasteA.png" />
<img id="haste1" style="display:none;" src="img/hasteB.png" />
<img id="haste2" style="display:none;" src="img/hasteC.png" />
<img id="disco5" style="display:none;" src="img/disk6.png" />
<img id="disco4" style="display:none;" src="img/disk5.png" />
<img id="disco3" style="display:none;" src="img/disk4.png" />
<img id="disco2" style="display:none;" src="img/disk3.png" />
<img id="disco1" style="display:none;" src="img/disk2.png" />
<img id="disco0" style="display:none;" src="img/disk1.png" />


<script src="js/ihanoi.js"></script>
<script src="js/integration-functions.js"></script>

<script type='text/javascript'>
  //<![CDATA[
  // ./mod/iassign/ilm/
  function getConstruction () {
     strAnswer = window.getAnswer();
     alert("Movimentos realizados até agora (no formato iHanói):\n" + strAnswer);
     return true;
     }
  //]]>
</script>

<div class="fundoBotao tableBotoes">
 <div class="tableBotoes-celula tableBotoes-tar">
 <button id="reiniciar" class="classeBotao classeBotaoR" title="Reiniciar na configuração de partida" onclick="reiniciar();">Reiniciar</button>
 <button id="rever"     class="classeBotao classeBotaoR" title="Rever os movimento - clique aqui para cada movimento" onclick="rever();">Rever</button>
 &nbsp;&nbsp;&nbsp;&nbsp;
 <button id="disco1" class="classeBotao classeBotao1" title="Apenas 1 disco"  onclick="reiniciar(1);">1 disco</button> &nbsp;
 <button id="disco2" class="classeBotao classeBotao2" title="Apenas 2 discos" onclick="reiniciar(2);">2 discos</button> &nbsp;
 <button id="disco3" class="classeBotao classeBotao3" title="Apenas 3 discos" onclick="reiniciar(3);">3 discos</button> &nbsp;
 <button id="disco4" class="classeBotao classeBotao4" title="Apenas 4 discos" onclick="reiniciar(4);">4 discos</button> &nbsp;
 <button id="disco5" class="classeBotao classeBotao5" title="Apenas 5 discos" onclick="reiniciar(5);">5 discos</button> &nbsp;
 <button id="disco6" class="classeBotao classeBotao6" title="Apenas 6 discos" onclick="reiniciar(6);">6 discos</button> &nbsp;
 </div>
</div>


<hr/>

<div class="foot">
<a href="http://www.usp.br/~leo" title="página Leônidas O. Brandão">Prof. Leônidas de Oliveira Brandão (coord. do LInE)</a><br/>
<a href="http://www.usp.br/line" title="página do LInE">Laboratório de Informática na Educação (LInE)</a><br/>
<a href="http://www.matematica.br/ihanoi" title="página do iHanói no iMática">iHanói/iMática</a><br/>
</div>

</body>
</html>