I'm doing a complementary activity in college, and I have to make a system to change the style of the div if the user problem is resolved or not.
When I click on resolved if the div is already with class alert-danger, this class will change to alert-success.
Next to my page and where I'm stopped.
<!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><?phptry{$pdo=newPDO('mysql:host=localhost;dbname=agenda','root','');//defineparaqueoPDOlanceexceçõescasoocorraerros$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> 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"]; ?> <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>