Ir para conteúdo
Fórum Script Brasil
  • 0

Exibir dados na tela


Jesse&Francinete

Pergunta

Olá, tenho uma dúvida muito cruel para mim, eu criei um sistema que busca pessoas no meu banco de dados, atualmente está assim quando pesquiso alguém único, sem nome igual à outra: 

Xqr55iMKQdOagGimfpEngQ.png

Porém, quando faço uma busca e acha duas pessoas com o nome semelhante, dá isso:

mxKPw8JtQRCi2cg6qHbFYg.png

Ele repete as informações na mesma div, no mesmo quadrado, no mesmo lugar. Eu quero que ao achar duas pessoas, ele crie outro quadrado desse, para cada pessoa, podem me ajudar, masters? O código é o seguinte:

 

<?php
  include("protect.php");
  protect();
error_reporting(0);
// Verifica se foi feita alguma busca
// Caso contrario, redireciona o visitante pra home
if (!isset($_GET['consulta'])) {
  header("Location: /");
  exit;
}
$con = mysql_connect('localhost', 'root', '');
  if (!$con)
  {
    die(mysql_error());
  }
  mysql_select_db('e-cloud', $con);
// Conecte-se ao MySQL antes desse ponto
// Salva o que foi buscado em uma variável
$busca = mysql_real_escape_string($_GET['consulta']);
// ============================================
// Monta outra consulta MySQL para a busca
$sql = "SELECT * FROM alunos WHERE ((nome LIKE '%".$busca."%') OR ('%".$busca."%')) ORDER BY nome DESC";
// Executa a consulta
$query = mysql_query($sql);
// ============================================
// Começa a exibição dos resultados
echo '<ul>'
?>
<!DOCTYPE html>
<html lang="en">
  <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <!-- Fixed navbar -->
      <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.php">E-Cloud</a>
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li><a href="index.php">Início</a></li>
            </ul>
          <ul class="nav navbar-nav navbar-right">
        <li><a href="logout.php">Sair</a></li>
      </ul>
          </div>
        </div>
     </div>
    <title>E-Cloud - Busca</title>

    <!-- Bootstrap -->

  <link href="css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
  <h1></h1>
  <br/><br/><br/><br/>
  <div class="row">
  <div class="col-sm-6 col-md-2">
  <div class="thumbnail">
  <img src=<?php 
      $sql = mysql_query("SELECT * FROM alunos WHERE nome LIKE '%".$busca."%'");
      while($exibe = mysql_fetch_assoc($sql)){
      echo "".$exibe["foto"]."";  
      }?> width=120 height=120> 
            
  <div class="caption">
  <h3>
    <?php
    $sql = mysql_query("SELECT * FROM alunos WHERE nome LIKE '%".$busca."%'");
    while($exibe = mysql_fetch_assoc($sql)){
    echo $exibe['nome'] .'<br>';
    }?>
  </h3>
  <p>
    <?php
    $sql = mysql_query("SELECT * FROM alunos WHERE nome LIKE '%".$busca."%'");
    while($exibe = mysql_fetch_assoc($sql)){
    echo 'Endereço: '.$exibe['endereco'] .'<br>';
    echo 'Telefone: '.$exibe['telefone'] .'<br>';
    echo 'Responsável: '.$exibe['telefone_responsavel'] .'<br>';
    echo 'Data de Nascimento: '.$exibe['data_nasc'] .'<br>';
    echo 'Idade: '.$exibe['idade'] .'<br>';
          }?>
  </p>
  <div class=text-center>
  <p><a href="#" class="btn btn-success" role="button">Ver</a></p>
  </div>
  </div>
  </div>
  </div>
  </div>   
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...