Ir para conteúdo

MecchaSonic

Members
  • Total de itens

    2
  • Registro em

  • Última visita

Reputação

0 Comum

Sobre MecchaSonic

Últimos Visitantes

O bloco dos últimos visitantes está desativado e não está sendo visualizado por outros usuários.

  1. MecchaSonic

    Banco de dados para o armário

    Boa tarde, eu preciso de uma ajuda com BD, tenho que fazer a conexão de uma tabela (com os mesmos campos do sistema) e um sistema de armários que meus colegas e eu fizemos. É preciso que as informações fiquem salvas no campo, quando a pessoa clicar no armário, ela tem que ver o que tinha digitai nos campos antes. Também é necessário criar uma tabela com o histórico dos clientes que já alugaram os armários, mas agora estão devolvendo a chave para a escola. O sistema de armários foi colocado nesse fórum,na parte de html. https://forum.imasters.com.br/ topic /580456 - gerenciamento - de - armários/
  2. MecchaSonic

    Gerenciamento de Armários

    A ideia é que quando selecionarmos a opção de "Pendente"/"Pago" a cor mude automaticamente,mas não estou conseguindo fazer isso. <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css"> <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <title> Easy Lockers </title> <style type="text/css"> html, body { height: 100%; width:100%; } body { overflow: hidden; background-color: #b8b9ba; margin: 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .espaco { width: 1%; float: left; background-color: #b8b9ba; } .container-menu { overflow: hidden; width: 15%; height: 97%; float: left; border: 3px solid #8f9599; border-radius: 10px; background-color: #8f9599; text-align: xcenter; } .grid-container { display: grid; height: 97%; grid-template-columns: auto auto auto auto auto auto auto auto auto auto ; grid-gap: 10px; border-radius:10px; background-color: #8f9599; padding: 9px; width: 82%; } .grid-container > div { height:100%; border: 2px solid #0d2f4c; border-radius: 10px; background-color: rgba(255, 255, 255, 0.8); text-align:center; font-size: 30px; } .btn-menu { color: #fff; background-color: #286090; border:1px solid #0d2f4c; border-radius:10px; display:inline-block; width: 85%; height 20px; cursor:pointer; font-size:20px; padding:8px 25px; } .btn-menu:hover { color: #fff; background-color: #0f4d82; border-color: #204d74; } .btn-grade { color: #fff; border:1px solid #0d2f4c; border-radius:8px; width: 100%; height:100%; cursor:pointer; font-size:20px; padding:8px 25px; background-color: #286090; } .btn-grade:hover { color: #fff; background-color: #0f4d82; border-color: #204d74; } .btn-grade2 { color: #fff; border:1px solid #0d2f4c; border-radius:8px; width: 100%; height:100%; cursor:pointer; font-size:20px; padding:8px 25px; background-color: #286090; } .btn-grade2:hover { color: #fff; background-color: #0f4d82; border-color: #204d74; } .fechar{ text-decoration:none; } #btn{ width: 100px; padding: 10px; border: 1px solid black; background-color: green; color: white; top: 40%; left: 13%; } #btn:active{ box-shadow: none; outline: none; transform: scale(0.9); } </style> </head> <body> <div class = "container-menu"> <h3><img src="logoetec.png"/><h3> <img width="100%" src="easylockers.png"/> <br> <br> <br> <input type="button" class="btn-menu" value="Bloco 1" onclick="location. href= 'Bloco A.html'"> <input type="button" class="btn-menu" value="Bloco 2" onclick="location. href= 'Bloco B.html'"> <input type="button" class="btn-menu" value="Bloco 3" onclick="location. href= 'Bloco C.html'"> <input type="button" class="btn-menu" value="Bloco 4" onclick="location. href= 'Bloco D.html'"> </div> <div class ="espaco"> <h3></h3> </div> <div class="grid-container"> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="001" id="1"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade2" value="002" id="2"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="003" id="3"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="004" id="4"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="005" id="5"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="006" id="6"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="007" id="7"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="008" id="8"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="009" id="9"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="010" id="10"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="011" id="11"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="012" id="12"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="013" id="13"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="014" id="14"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="015" id="15"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="016" id="16"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="017" id="17"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="018" id="18"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="019" id="19"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="020" id="20"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="021" id="21"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="022" id="22"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="023" id="23"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="024" id="24"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="025" id="25"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="026" id="26"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="027" id="27"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="028" id="28"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="029" id="29"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="030" id="30"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="031" id="31"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="032" id="32"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="033" id="33"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="034" id="34"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="035" id="35"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="036" id="36"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="037" id="37"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="038" id="38"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="039" id="39"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="040" id="40"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="041" id="41"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="042" id="42"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="043" id="43"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="044" id="44"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="045" id="45"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="046" id="46"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="047" id="47"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="048" id="48"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="049" id="49"></div> <div><input type="button" href="#myModal" data-toggle="modal" class="btn-grade" value="050" id="50"></div> <div class="modal fade" id="myModal" role="dialog"> <button type="button" class="close" data-dismiss="modal">&times;</button> <form role="form"> <div class="form-group"> <label for="Nome"><h4>Nome</h4></label> <input type="text" class="form-control" id="Nome" placeholder=""> </div> <div class="form-group"> <label for="Nome"><h4>RM</h4></label> <input type="text" class="form-control" id="RM" placeholder=""> </div> <div class="form-group"> <label for="psw"> <h4>Turma</h4></label> <input type="text" class="form-control" id="Turma" placeholder=""> </div> <div class="form-group"> <label for="psw"><h4> Telefone </h4></label> <input type="text" class="form-control" id="Telefone" placeholder=""> </div> <div class="form-group"> <label for="psw"><h4> Email </h4></label> <input type="text" class="form-control" id="Email" placeholder=""> </div> <div class="form-group"> <label for="psw"><h4> Data de locação </h4></label> <input type="text" class="form-control" id="Data de locação" placeholder=""> </div> <label for="pago">Pago</label> <input type="checkbox" name="" id="pago"><br> <label for="pendente">Pendente</label> <input type="checkbox" name="" id="pen"><br> <label for="desocupado">Desocupado</label> <input type="checkbox" name="" id="des"><br><br><br><br><br><br> <button id="btn" onclick="sla()">Salvar</button> </form> </div> </div> <div class="modal fade" id="myModal2" role="dialog"> <button type="button" class="close" data-dismiss="modal">&times;</button> <form role="form"> <div class="form-group"> <label for="Nome"><h4>Nome</h4></label> <input type="text" class="form-control" id="Nome" placeholder=""> </div> <div class="form-group"> <label for="Nome"><h4>RM</h4></label> <input type="text" class="form-control" id="RM" placeholder=""> </div> <div class="form-group"> <label for="psw"> <h4>Turma</h4></label> <input type="text" class="form-control" id="Turma" placeholder=""> </div> <div class="form-group"> <label for="psw"><h4> Telefone </h4></label> <input type="text" class="form-control" id="Telefone" placeholder=""> </div> <div class="form-group"> <label for="psw"><h4> Email </h4></label> <input type="text" class="form-control" id="Email" placeholder=""> </div> <div class="form-group"> <label for="psw"><h4> Data de locação </h4></label> <input type="text" class="form-control" id="Data de locação" placeholder=""> </div> <label for="pago">Pago</label> <input type="checkbox" name="" id="pago"><br> <label for="pendente">Pendente</label> <input type="checkbox" name="" id="pen"><br> <label for="desocupado">Desocupado</label> <input type="checkbox" name="" id="des"><br><br><br><br><br><br> <button id="btn2" onclick="sla2()">Salvar</button> </form> </div> </div> <script type="text/javascript"> function sla2(){ botao = document.getElementById("2"); pago = document.getElementById("pago"); pendente = document.getElementById("pen"); desocupado= document.getElementById("des"); if(pago.checked == true){ botao.style.backgroundColor = "#7dc67b"; } if(pendente.checked == true){ botao.style.backgroundColor = "#ba4141"; } if(desocupado.checked == true){ botao.style.backgroundColor = "#286090"; } } </script> <script type="text/javascript"> function sla(){ botao = document.getElementById("1"); pago = document.getElementById("pago"); pendente = document.getElementById("pen"); desocupado= document.getElementById("des"); if(pago.checked == true){ botao.style.backgroundColor = "#7dc67b"; } if(pendente.checked == true){ botao.style.backgroundColor = "#ba4141"; } if(desocupado.checked == true){ botao.style.backgroundColor = "#286090"; } } </script> <script type="text/javascript"> document.getElementById("btn").addEventListener("click", function(event){ event.preventDefault(); }); </script> <script type="text/javascript"> document.getElementById("btn2").addEventListener("click", function(event){ event.preventDefault(); }); </script> </body> </html>
  3. MecchaSonic

    Gerenciamento de Armários

    Boa noite. Será que tem algum usuário para me ajudar num trabalho escolar?Tenho que fazer um sistema de gerenciamento de armários,estou tendo problemas com um código.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.