index.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!--
  2. iHanói
  3. http://www.usp.br/line
  4. Uso: localhost/ihanoi/index.html?n=3&lang=pt
  5. @TODO ainda nao implementado multi-lingua
  6. Leônidas de Oliveira Brandão
  7. v0: 2020/07/28
  8. -->
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <meta charset="utf-8">
  13. <title>iHanói - Problema das Torres de Hanói</title>
  14. <link rel="stylesheet" href="css/ihanoi_style.css" />
  15. </head>
  16. <body onload="listaURL(); desenhaTudo();">
  17. <!-- Importante usar estilo para NAO apresentar: style="display:none; -->
  18. <img id="fundo" style="display:none;" src="img/img_fundo_hanoi.png" />
  19. <img id="haste0" style="display:none;" src="img/hasteA.png" />
  20. <img id="haste1" style="display:none;" src="img/hasteB.png" />
  21. <img id="haste2" style="display:none;" src="img/hasteC.png" />
  22. <img id="disco0" style="display:none;" src="img/disk1.png" />
  23. <img id="disco1" style="display:none;" src="img/disk2.png" />
  24. <img id="disco2" style="display:none;" src="img/disk3.png" />
  25. <img id="disco3" style="display:none;" src="img/disk4.png" />
  26. <img id="disco4" style="display:none;" src="img/disk5.png" />
  27. <img id="disco5" style="display:none;" src="img/disk6.png" />
  28. <!-- Carregar codigos JavaScript -->
  29. <script src="js/ihanoi.js"></script><!-- Carregar codigo do iMA iHanoi - JavaScript -->
  30. <script src="js/integration-functions.js"></script><!-- integrador do iMA como o iTarefa/Moodle - JavaScript -->
  31. <!-- Botoes auxiliares para iHanoir: redefinir, rever, 1 disco, ... -->
  32. <div class="fundoBotao tableBotoes">
  33. <div class="tableBotoes-celula tableBotoes-tar">
  34. <button id="reiniciar" class="classeBotao classeBotaoR" title="Reiniciar na configuração de partida" onclick="reiniciar();">Reiniciar</button> &nbsp;
  35. <button id="rever" class="classeBotao classeBotaoR" title="Rever os movimento - clique aqui para cada movimento" onclick="rever();">Rever</button>
  36. &nbsp;&nbsp;&nbsp;&nbsp;
  37. <button id="disco1" class="classeBotao classeBotao1" title="Apenas 1 disco" onclick="reiniciar(1);">1 disco</button> &nbsp;
  38. <button id="disco2" class="classeBotao classeBotao2" title="Apenas 2 discos" onclick="reiniciar(2);">2 discos</button> &nbsp;
  39. <button id="disco3" class="classeBotao classeBotao3" title="Apenas 3 discos" onclick="reiniciar(3);">3 discos</button> &nbsp;
  40. <button id="disco4" class="classeBotao classeBotao4" title="Apenas 4 discos" onclick="reiniciar(4);">4 discos</button> &nbsp;
  41. <button id="disco5" class="classeBotao classeBotao5" title="Apenas 5 discos" onclick="reiniciar(5);">5 discos</button> &nbsp;
  42. <button id="disco6" class="classeBotao classeBotao6" title="Apenas 6 discos" onclick="reiniciar(6);">6 discos</button> &nbsp;
  43. </div>
  44. </div>
  45. </body>
  46. </html>