2

Estou fazendo uma atividade complementar na faculdade, e tenho que fazer um sistema para mudar o estilo da div se o problema do usuario já for resolvido ou não.

Quando clicar em resolvido se a div já estiver com a class alert-danger, essa class vai mudar para alert-success.

Em seguida a minha pagina e onde eu estou parado.

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Formulário </title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" href="css/stylee.css">       
        <script type="text/javascript" src="http://code.jquery.com/jquery-3.1.1.js"></script>        
    </head>
    <body>         
        <?php
            try {
                $pdo = new PDO('mysql:host=localhost;dbname=agenda', 'root', '');
                 // define para que o PDO lance exceções caso ocorra erros
                $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);                    

            } catch (Exception $exc) {
                echo "Algum erro foi cometido".$exc->getTraceAsString();                         
            }
            // pega ID via GET
            $id = $_GET['id'];
            $buscasegura= $pdo->prepare("SELECT * FROM  pessoa WHERE id = :id");
            $vertel = $pdo->prepare("SELECT * FROM `contatos` WHERE id_pessoa = :id");
            // Busca variavel ID
            $buscasegura->bindValue(":id", $id);
            $vertel->bindValue(":id", $id);

            $buscasegura->execute();
            $vertel->execute(); 
            // percorre a variavel para mostrar os resultados
            while($linharesp=$buscasegura->fetch(PDO::FETCH_ASSOC)){
        ?>
        <div class="container  body321">
            <div class="row">  
                <div  class="jumbotron" >
                <h4>Ver informações de: <?php echo $linharesp["nome"];}?> </h4>
                <?php                
                
                        $consultainfo = $pdo->prepare("SELECT * FROM pessoa where id = :id");
                        $verregistro = $pdo->prepare('SELECT * FROM `registro` WHERE id_pessoa = :id');
                        $consultainfo->bindParam(':id', $id);
                        $verregistro->bindParam(':id',$id);
                        $consultainfo->execute();
                        $verregistro->execute();                                                                     

                                        
                    while ($linha = $consultainfo->fetch(PDO::FETCH_ASSOC)) {
                            $id = $linha['id'];
                            $nomee = $linha['nome'];
                            $cpff = $linha['cpf'];   
                            $empresa = $linha['empresa'];
                            $tipo = $linha['tipo'];
                            $ob = $linha['ob'];                                                                                                                 
                            } 
                            ?>  
                
                    <h4>CPF: <?php echo "$cpff"; ?><br><br>
                    Empresa: <?php echo "$empresa";  ?><br><br>
                    Tipo: <?php echo "$ob";  ?></h4>
                </div>
                <br>
                <div class="col-md-6">
                         <h4>&nbsp;&nbsp;&nbsp;Informações de registros</h4>
                    <?php
                    //definição da variavel que ira mostrar os resultados
                        while($linharesp=$verregistro->fetch(PDO::FETCH_ASSOC)){ 
                            // define qual a class que vai ser usada danger ou sucess
                            $solucao = $linharesp['resolvido'];
                            if(strcasecmp( $solucao, 'sim' ) == 0){
                                $class = "alert-success";
                            }else{
                                $class = "alert-danger";
                            } 
                           
                            //atribui o nome da class para as divs
                    ?>     
                    <div class="info2 <?php echo $class; ?>">                        
                        <span class="p">Forma de Comunicação:</span>
                            <?php echo $linharesp['info']; ?><br>
                        <span class="p">Assunto:</span>
                            <?php echo $linharesp['assunto']; ?><br>
                        <span class="p">Descrição:</span>
                            <?php echo $linharesp['descricao']; ?><br>
                        <span class="p">Resolvido?</span>
                            <?php echo $solucao;?> 
                    </div>
                    <div class="text-right">
                        <span class="p">Data/Hora:</span>
                        <?php 
                            // aqui eu separei a data da hora
                            $dataHoraArray = explode(" ", $linharesp['data']); 

                            // vamos separar os valores da data
                            $dataArray = explode("-", $dataHoraArray[0]);

                            // vamos re organizar a data
                            $data = $dataArray[2]."-".$dataArray[1]."-".$dataArray[0];

                            // mostra a data completa
                            echo $data." ".$dataHoraArray[1];
                        ?>
                        <a class="label label-success text-right" href="#">Resolvido</a>
                    </div>
                    <hr>
                        <?php } ?>
                </div>
                <div class="col-md-6">
                    <h4>Telefone(s) para contato:</h4>
                    <div class="info2 alert-success">
                        <?php
                            $linhatel = $vertel->fetchAll(PDO::FETCH_ASSOC);
                            foreach ($linhatel as $listar){  //as faz uma variavel receber os valores de outra variavel                                                    
                        ?>                    
                        <span class="p">Número:</span><?php echo $listar["telefone"]; ?>&nbsp;&nbsp;&nbsp; <span class="p">Operadora:</span><?php echo $listar["operadora"]. "<br><br>"; } ?>
                    </div>
                    <br>
                </div>
            </div>            
            <div class="row text-center">
                <br><a class="btn btn-primary" href="index.php">Voltar ao inicio</a>
            </div>                                            
        </div>     
        <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </body>
</html>

4
  • qual a div da alerta? e qual o evento que você quer que a alert mude para success? Commented 13/10/2016 às 14:41
  • Quando o administrador clicar no botão resolvido, a div com ID info2 tem que mudar a class para a alert-success.
    – Sr. Bigode
    Commented 13/10/2016 às 14:54
  • Não tem nenhuma div com id info2 Commented 13/10/2016 às 15:09
  • Perdão eu olhei errado, é uma div com uma classe info2.
    – Sr. Bigode
    Commented 13/10/2016 às 17:00

1 Resposta 1

3

Use $('seletor_da_div').removeClass('class_antiga).addClass('nova_class)

2
  • Tenho que usar o AJAX, quando eu clicar em resolvido, já tem que mudar a cor da div.
    – Sr. Bigode
    Commented 13/10/2016 às 18:02
  • Ok. Coloque o código acima no retorno da sua callback ajax. Commented 17/10/2016 às 13:25

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .