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 tomas.david100
      Boa tarde tenho a seguinte dúvida será possível utilizar um css só para o menu lateral e outro css para o body? Vou deixar uma imagen a seguir para se perceber melhor.
       

    • By makinh0
      <table width="90%" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-top:10px;">
      <tr>
        <td align="center" bgcolor="<?php echo $background ?>"><table width="100%" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-top:10px;">
          <tr>
            <td width="48%" align="left" bgcolor="#3399FF"><strong>Produto</strong></td>
            <td width="16%" align="center" bgcolor="#3399FF"><strong>Hora</strong></td>
            <td width="19%" align="center" bgcolor="#3399FF"><strong>Mesa</strong></td>
            <td width="9%" align="left" bgcolor="#3399FF"><strong>Garçom</strong></td>
            <td width="8%" align="center" bgcolor="#3399FF"><strong>Ação</strong></td>
             <td width="8%" align="center" bgcolor="#3399FF"><strong>Observações</strong></td>
          </tr>
          <?php 
        $sql = mysql_query("SELECT * FROM tbl_carrinho INNER JOIN garcon ON tbl_carrinho.idGarcon = garcon.idGarcon WHERE destino='1' AND status = '0' ORDER BY id DESC") or die(mysql_error());
        while($ver = mysql_fetch_array($sql)){
          $background = (++$i%2) ? '#FFFFF' : '#F2F2F2';
          $feito = $ver['feito'];
        ?>
          <tr>
            <td bgcolor="<?php echo $background ?>"><?php echo $ver['nome']; ?></td>
            <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['time']; ?></td>
            <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['id_mesa'] ?></td>
            <td bgcolor="<?php echo $background ?>"><?php echo $ver['nomeGarcon'] ?></td>
              <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['id_mesa'] ?></td>
            <td bgcolor="<?php echo $background ?>">
       
       
      Sistema restaurante; gente precisava fazer a tela de observacoes , tipo na tela cozinha aparece produto,hora,mesa,garcom e acao, queria por observacao para a cozinha receber como o cliente quer? alguem tem ideia?obg
    • By vinihhylian0103
      Boa noite, gostaria de saber tem alguma maneira de prevenir a inclusão de registros do mesmo valor na minha tabela. O código é o seguinte:
       
       
       
      <?php include_once('conexao.php'); $nome=$_POST['nome']; $sobrenome=$_POST['sobrenome']; $data=$_POST['data_nasc']; $rm=$_POST['rm']; $curso=$_POST['curso']; $email=$_POST['email']; $senha=$_POST['senha']; $sqlinsert = "insert into usuarios(nome, sobrenome, data_nasc, rm, curso, email, senha) values('$nome','$sobrenome','$data','$rm','$curso','$email','$senha')"; $resultado = @mysqli_query($conexao,$sqlinsert); if(!$resultado) { die('Query inválida: '. @mysqli_error($conexao)); } else { echo "<script type='text/javascript'>alert('Cadastro Concluído!');</script>"; header('Location: index.html'); } mysqli_close($conexao); ?>
          
       
×

Important Information

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