astolpho
-
Total de itens
1 -
Registro em
-
Última visita
Sobre astolpho
-
Como fazer para clicar no botão e ativar um classe "active" em php
astolpho postou uma questão Perguntas e respostas rápidas
eu gostaria de saber como posso "desativar" ou "ativar" uma class a partir do php, clicando o botão. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="vieport" content="width=device-widht, initial-scale=1.0"> <meta http-equiv="X-UA-Comapatible" content="ie=edge"> <title>Barra de Progesso Oficial</title> <style type="text/css"> .container{ width: 100%; } .step-pog-bar{ margin-top: 20%; counter-reset: step; } .step-pog-bar li{ list-style: none; float: left; width: 20%; position: relative; text-align: center; } .step-pog-bar li::before{ content: counter(step); counter-increment: step; width: 30px; height: 30px; line-height: 30px; border: 2px solid #ddd; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: #fff; } .step-pog-bar li::after{ content: ''; position: absolute; top: 15px; left: -50%; border: 2px solid #ddd; width: 100%; z-index: -1; } .step-pog-bar li:first-child::after{ content: none; } .step-pog-bar li.active{ color: chartreuse; } .step-pog-bar li.active::before{ border-color: chartreuse; } .step-pog-bar li.active + li::after{ border-color: chartreuse; } .btn{ margin-top: 100px; position: absolute; margin-left: 20%; } .btn_D{ margin-top: 100px; position: absolute; margin-left: 10%; } </style> </head> <body> <div class="btn"> <input type="submit" value="ativar"> </div> <div class="btn_D"> <input type="submit" value="Desativar"> </div> <div class="container"> <ul class="step-pog-bar"> <li class="active">Canal Dentario</li> <li class="active">Limpeza</li> <li class="active">Clareamento</li> <li class="active">Escovação</li> <li>Conclusão</li> </ul> </div> </body> </html>