Jump to content
  • 0
astolpho

Como fazer para clicar no botão e ativar um classe "active" em php

Question

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>

Share this post


Link to post
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By MatheusSmidt
      Bom dia,
      Estou precisando de ajuda com o código do formulário de um sistema de cadastro.
      A página é para consulta mas tem a possibilidade de adicionar ou retirar "faltas" de cada profissional cadastrado através de botões simples e também apagar um ou múltiplos profissionais da lista, através de checkbox..
      Essa ações atualizam o banco de dados e já retornam na tela automaticamente.
      O problema é que não fui eu que estruturei o código PHP e não consigo aliar as duas funções que falei anteriormente. Quando consigo fazer funcionar o sistema de adição e redução de faltas, consigo apenas excluir o último nome da lista, mesmo selecionando vários. E quando consigo resolver a parte de excluir vários nomes, não consigo adicionar e reduzir o número de faltas.
      O código é o seguinte:
       
      <?php
      require_once ("verifica.php");
      require_once ("topo.php");
      require_once ("conexao.php");
      $enviar = isset($_POST["txtEnviar"]) ? $_POST["txtEnviar"]: '';
      $ordenar = isset($_GET["ordenar"]) ? $_GET["ordenar"]: '';
      if ($ordenar == "")
          $ordenar = "nome";
      if ($enviar != 1) {
          $query = mysql_query("select * from docente order by $ordenar") or die ("Erro ao selecionar dados do docente! ".mysql_error());
      } else {
          $rdCriterio = $_POST["rdCriterio"];
          $pesquisar = $_POST["txtPesquisar"];
          $query = mysql_query("select * from docente where $rdCriterio like '%$pesquisar%'") or die ("Erro ao efetuar a pesquisa! ".mysql_error());
      }
      $totalDocentes = mysql_num_rows(mysql_query("select * from docente"));
      ?>
      <div id="meio">
          <h2>Lista de docentes (<?php echo $totalDocentes;?>)</h2><br>
          <table id="tbPesquisarDocente">
          <form action=consultarDocente.php method=post>
          <input type=hidden name=txtEnviar value=1>
          <tr>
          <td id=search>Pesquisar por: <input type=radio name=rdCriterio value="siape" checked>Siape <input type=radio name=rdCriterio value="nome"> Nome <input type=radio name=rdCriterio value="curso">Curso <input type=text name=txtPesquisar> <input type=submit value="OK"></td>
          </tr>
          </form>
          </table>
          <br><br>
          <table id="dadosDocente" cellspacing=0>
          <form action="consultarDocente.php" method="post">
          <tr id="cabecalho">
          <td><a href="?ordenar=siape">Siape</a></td>
          <td><a href="?ordenar=nome">Nome</a></td>
          <td><a href="?ordenar=curso">Curso</a></td>
          <td><a href="?ordenar=faltas">Faltas</a></td>
          <td><a href="?ordenar=excluir">Excluir</a></td>
          <td><!-- Espaço para checkbox --></td>
          </tr>
          <?php
          while ($resultado = mysql_fetch_array($query)) {
              $id = $resultado["id"];
              $siape = $resultado["siape"];
              $nome = $resultado["nome"];
              $curso = $resultado["curso"];
              $faltas = $resultado["faltas"];
          ?>
          </form>
          <tr id="dados" bgcolor="">
          <td><a href="frmDetalheDocente.php?id=<?php echo $id;?>" style="color: <?php echo $cor;?>"><?php echo $siape;?></style></a></td>
          <td><?php echo $nome;?></td>
          <td><?php echo $curso;?></td>
          
          <td align="center">
              <table>
                  <tr>
                      <td><a href="menosum.php?id=<?php print $id;?>"><button name="Btt" style="width:10px">-</button></a></td>
                      <td><?php echo $faltas?></td>
                      <td><a href="maisum.php?id=<?php print $id;?>"><button name="Btt" style="width:10px">+</button></a></td>
                  </tr>
              </table>
          </td>
          
          <form action="apagaSelecionadosDocente.php" method="post">
          <td><input type="checkbox" name="chkDeletar[]" value="<?php echo $id;?>"></td>
          </tr>
          <?php
          }
          ?>
          
          <tr>
          <td colspan=4 align="center"><br><input type="submit" value="Apagar selecionados" style="width: 300px;"></td>
          </tr>
          </form>
          </table>
      </div>
      <?php
      require_once ("rodape.php");
      ?>
       
       
      Provavelmente é um problema no "WHILE" ou na abertura e fechamento de formulário. Porém não consegui resolver.
      Se alguém conseguir resolver seria ótimo.
      Agradeço desde já. Em anexo envio um print da página para melhor entendimento.
       
       
       

    • By heenrique
      Boa Noite
       
      amigos tenho um select no qual me retorna o seguinte 
      SELECT * FROM sis_suporte WHERE tecnico = '1' AND abertura < '2019-10-30'; +----+--------------------------------------+------------+---------------------+---------------------+-------+---------+----------------+-----------------------------+------------------+----------------------------+---------------------+------------+--------------+-------+---------+-------------+------------------------------------------------------------------+ | id | uuid_suporte | assunto | abertura | fechamento | email | status | chamado | nome | login | atendente | visita | prioridade | ramal | reply | tecnico | login_atend | motivo_fechar | +----+--------------------------------------+------------+---------------------+---------------------+-------+---------+----------------+-----------------------------+------------------+----------------------------+---------------------+------------+--------------+-------+---------+-------------+------------------------------------------------------------------+ | 36 | 1901294b-80e6-4389-9059-fa090c09e382 | Outros | 2019-09-14 19:27:42 | 2019-10-17 19:35:20 | NULL | aberto | 14091919272653 | Alex Ramos dos Santos | alex.santos | Letícia Paula de Oliveira | 2019-10-17 16:27:15 | normal | SAO PAULO | nao | 1 | leticia | TÉCNICO HENRIQUE FINALIZOU A ORDEM: CLIENTE BLOQUEADO | | 37 | af8da3e7-9dbc-45b9-945b-d50cd45d9ea6 | Outros | 2019-09-14 19:37:13 | 2019-10-04 21:11:25 | NULL | fechado | 14091919370623 | Alexsandro Santos Braz | alesysandro.braz | Letícia Paula de Oliveira | 2019-10-04 16:37:15 | normal | SAO PAULO | nao | 1 | leticia | TÉCNICO HENRIQUE FINALIZOU A ORDEM: | | 39 | 2b03e9d4-50ca-4713-8149-88fe083fb9d9 | Instalacao | 2019-09-16 17:00:22 | 2019-10-03 22:38:23 | NULL | fechado | 16091916593665 | Henrique Gabriel de Almeida | teste | Letícia Paula de Oliveira | 2019-10-03 08:00:15 | normal | POUSO ALEGRE | sim | 1 | leticia | TÉCNICO HENRIQUE FINALIZOU A ORDEM: QWE | | 40 | b2c0fc23-0a5c-46ae-a8b8-a8641b1d53c4 | Outros | 2019-10-03 23:21:22 | 2019-10-03 23:36:51 | NULL | fechado | 03101923210987 | Henrique Gabriel de Almeida | teste | sistema | 2019-10-03 14:21:15 | normal | POUSO ALEGRE | nao | 1 | admin | TÉCNICO HENRIQUE FINALIZOU A ORDEM: RELIGUEI A FONTE DO CLIENTE | | 41 | e9aaf792-56c6-4fe1-b8c3-aa51338f65d1 | Outros | 2019-10-03 23:23:02 | 2019-10-03 23:46:01 | NULL | fechado | 03101923225491 | Cintia Rocha Vaz | cintia.vaz | sistema | 2019-10-03 17:22:15 | normal | SAO PAULO | nao | 1 | admin | TÉCNICO HENRIQUE FINALIZOU A ORDEM: 12 | +----+--------------------------------------+------------+---------------------+---------------------+-------+---------+----------------+-----------------------------+------------------+----------------------------+---------------------+------------+--------------+-------+---------+-------------+------------------------------------------------------------------+ 5 rows in set (0.00 sec) e quando imprimo sai um por um, gostaria de agrupar por data de abertura ex.
       
      2019-09-14
      Alex Ramos
      Alexsandro
       
      2019-09-16
      Henrique
       
      2019-10-03
      Henrique
      Cintia
       
      como agrupar isso em php,
       
      esse e o cod onde eu imprimo
       
      <?php while($dados = mysqli_fetch_assoc($resultado_os)){ if ($dados['status'] == 'aberto'){ ?> <div class='row'> <div class='col-md-12'> <a href='os.php?os=<?php echo $dados['chamado']; ?>'> <div style='box-shadow: 3px 3px 0px 1px rgba(0,0,0,0.1);' class='info-box'> <span class='info-box-icon1 bg-agua'><i style='padding-top: 35%;' class='ion ion-ios-gear-outline'></i></span> <div class='info-box-content'> <span class='info-box-text'><b>ABERTA</b></span> <span class='info-box-text'><b>O.S:</b><?php echo $dados['chamado']; ?></span> <span class='info-box-text'><b>NOME:</b><?php echo utf8_encode($dados['nome']); ?></span> <span class='info-box-text'><b>TIPO:</b><?php echo $dados['assunto']; ?></span> <span class='info-box-text'><b>DATA/HORA:</b><?php echo (new DateTime($dados['visita']))->format('d/m/Y - H:i'); ?></span> </a> </div> </div> <?php } if ($dados['status'] == 'fechado'){ ?> <div class='row'> <div class='col-md-12'> <a href='os.php?os=<?php echo $dados['chamado']; ?>'> <div style='box-shadow: 3px 3px 0px 1px rgba(0,0,0,0.1);' class='info-box'> <span class='info-box-icon1 bg-red'><i style='padding-top: 35%;' class="fa fa-check" aria-hidden="true"></i></span> <div class='info-box-content'> <span class='info-box-text'><b>FINALIZADA</b></span> <span class='info-box-text'><b>O.S:</b><?php echo $dados['chamado']; ?></span> <span class='info-box-text'><b>NOME:</b><?php echo utf8_encode($dados['nome']); ?></span> <span class='info-box-text'><b>TIPO:</b><?php echo $dados['assunto']; ?></span> <span class='info-box-text'><b>DATA/HORA:</b><?php echo (new DateTime($dados['fechamento']))->format('d/m/Y - H:i'); ?></span> </a> </div> </div> <?php } } ?> </div> </div> </div> </section> </div>  
    • By avelar.avelar
      Boa Tarde galera, 
       
      Preciso criar um Test de Recursividade na mesma tabela:
       
      Tabela: Biblioteca
      Campos:
      ID
      Titulo
      Descricao
      Biblioteca-ID(Foreign Key)
       
      Obrigado
    • By alsimmonsjr
      Olá à todos, gostaria de saber se alguém pode me ajudar a fazer root no meu celular que já coloquei o nome no tópico, se alguém pode me ajudar eu agradeço, desde já agradecido, muito obrigado e tchau.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.