1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <!--
- iHanói
- http://www.usp.br/line
- Uso: localhost/ihanoi/index.html?n=3&lang=pt
- @TODO ainda nao implementado multi-lingua
- 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();">
- <!-- Importante usar estilo para NAO apresentar: style="display:none; -->
- <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="disco0" style="display:none;" src="img/disk1.png" />
- <img id="disco1" style="display:none;" src="img/disk2.png" />
- <img id="disco2" style="display:none;" src="img/disk3.png" />
- <img id="disco3" style="display:none;" src="img/disk4.png" />
- <img id="disco4" style="display:none;" src="img/disk5.png" />
- <img id="disco5" style="display:none;" src="img/disk6.png" />
- <!-- Carregar codigos JavaScript -->
- <script src="js/ihanoi.js"></script><!-- Carregar codigo do iMA iHanoi - JavaScript -->
- <script src="js/integration-functions.js"></script><!-- integrador do iMA como o iTarefa/Moodle - JavaScript -->
- <!-- Botoes auxiliares para iHanoir: redefinir, rever, 1 disco, ... -->
- <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>
-
- <button id="disco1" class="classeBotao classeBotao1" title="Apenas 1 disco" onclick="reiniciar(1);">1 disco</button>
- <button id="disco2" class="classeBotao classeBotao2" title="Apenas 2 discos" onclick="reiniciar(2);">2 discos</button>
- <button id="disco3" class="classeBotao classeBotao3" title="Apenas 3 discos" onclick="reiniciar(3);">3 discos</button>
- <button id="disco4" class="classeBotao classeBotao4" title="Apenas 4 discos" onclick="reiniciar(4);">4 discos</button>
- <button id="disco5" class="classeBotao classeBotao5" title="Apenas 5 discos" onclick="reiniciar(5);">5 discos</button>
- <button id="disco6" class="classeBotao classeBotao6" title="Apenas 6 discos" onclick="reiniciar(6);">6 discos</button>
- </div>
- </div>
- </body>
- </html>
|