0

Minha dúvida é a seguinte, possuo um campo em um tabela MYSQL que armazena dados e esses dados são exibidos para o usuário.

Esses dados são inseridos pelos usuários, porém, os usuários também podem acrescentar informações nesse campo da tabela e essas informações são concatenadas com as antigas (ou seja, o valor não é substituído).

Só que quando é exibo fica meio que bizarro tudo em uma linha só. Vejam a tabela e a exibição no html.

inserir a descrição da imagem aqui

Saída na Página

inserir a descrição da imagem aqui

Só pra deixar claro, que primeiro eu inseri o Flamengo, depois o Vasco, depois o Botafogo, depois o Palmeiras e por último o Santos.

Só que eu gostaria que cada vez que eu adicionasse dados nesse campo, os itens fossem exibido na página HTML quebrando linha. Ou seja, Cada clube ficasse em uma linha.

Já consegui dar espaço entre as informações, mas a quebra de linha é que está me quebrando.

Se for possível me ajudar, ficarei grato.

Utilizei AJAX para enviar os dados e PHP para fazer a consulta no banco Mysql.

Creio que não seja preciso adicionar o código para tal pergunta.

Espero ter sido o mais claro possível. Obrigado!

Inseri o Código para detalhar melhor a situação.

<div class="modal" tabindex="-1" id="modal-observacoes">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-success">
        <button class="close" aria-label="close" data-dismiss="modal">
                                    <span aria-hidden="true">&times;</span>
                                </button>
        <h4 class="modal-title">Inserir Observações na Atividade</h4>
      </div>

      <div class="modal-body bg-success">

        <form id="inserir-observacoes">

          <div class="form-group col-lg-12" style="font-size: 120%">
            <label for="observacoes-modal">Observações - Máximo de 500 caracteres</label>
            <textarea class="form-control" name="observacoes-modal" id="observacoes-modal" style="resize: none" rows="4" maxlength="500" required></textarea>
          </div>

          <input type="text" name="codigo-modal-observacoes" id="codigo-modal-observacoes">
          <input type="submit" class="btn btn-primary" name="enviar-modal-observacoes" id="enviar-modal-observacoes" value="Inserir">


        </form>

        <!--
                                <div id="confirmacao-inserir-informacoes">
                                    
                                    <h4></h4>
                                    
                                </div>
                                -->


      </div>

    </div>
  </div>
</div>


<!-- PARTE PHP QUE FAZ REALIZA O RECEBIMENTO DOS DADOS E EXECUTA A QUERY -->
<?PHP

 if($_POST)
        {
                        
            
            //PREENCHE AS VARIÁVEIS COM OS DADOS VINDOS DOS CAMPOS DO FORMULÁRIO
            $observacoes = !empty($_POST["observacoes-modal"]) ? " \n" . $_POST["observacoes-modal"] : null;
            $codigo  = !empty($_POST["codigo-modal-observacoes"]) ? $_POST["codigo-modal-observacoes"] : null;
            
            
            
            $pesquisar_observacoes = "UPDATE tbl_atividades SET DETALHES = CONCAT(DETALHES, '$observacoes'), DATA_DETALHES = NOW(), DETALHE_VISUALIZADO = '$resultado' WHERE codigo = $codigo"; 
            $operacao_insercao_observacoes = mysqli_query($conecta, $pesquisar_observacoes) or die("Erro no Update");   
            
     }
     
?>

CONSEGUI RESOLVER COM A RESPOSTA DO SAM. ADICIONEI UM
CONCATENADO COM O TEXTO QUE VEM DO FORM NA VARIÁVEL PHP QUE ENTRA NA QUERY DO UPDATE.

Mas agora me deparei com outro problema. Quando a coluna tem o valor 'null' no banco de dados, eu não consigo fazer a concatenação com o valor vindo do formulário.

14
  • 1
    Uma ideia seria adicionar após cada nome de time um "_", tipo: Flamengo_Vasco_Botafogo_Atlético Mineiro_, e no PHP fazer um replace do "_" por um <br>.
    – Sam
    Commented 16/03/2019 às 22:04
  • 1
    Você usou um textarea para inserir essa informação? Pois se for o caso, quando o usuário apertar o enter gera o \n automaticamente. Depois, no php, você pode usar nl2br ou o str_replace e inserir os <br> no texto. Quando você fizer a seleção já estará lá! Commented 16/03/2019 às 22:21
  • 1
    @LipESprY sim, mas, isso é o autor da pergunta decide, ele poderia entrar no comentário e dizer essa é a resposta, mas, a sua suposição pode estar errado e ai se sabe que a vida aqui não é fácil, estou só alertando e desculpa por isso.
    – novic
    Commented 16/03/2019 às 22:30
  • 1
    O problema, ao meu ver, é que tem muitas soluções para esta resposta. Para chegar em algo mais próximo seria bom saber como o dado é adicionado. No caso, Flamento e Vasco estão junto! Commented 16/03/2019 às 22:30
  • 2
    @AndreiCoelho Fazer replace pelo espaço não dará certo porque se o time possuir mais de uma palavra (ex. Atlético Mineiro) irá inserir um <br> no meio do nome do time: Atlético<br>Mineiro
    – Sam
    Commented 16/03/2019 às 22:43

1 Resposta 1

8

"- Só que eu gostaria que cada vez que eu adicionasse dados nesse campo, os itens fossem exibido na página HTML quebrando linha. Ou seja, Cada clube ficasse em uma linha."

Uma das várias alternativas e que julguei ser bem simples, é adicionar uma quebra de linha a cada valor adicionado no seu banco de dados. E na hora de mostrar, já no PHP, utilizar a função nl2br.

Para facilitar na reprodução, vou utilizar uma string montada parte por parte - que simboliza você inserindo as partes uma a uma no seu banco de dados:

<?php
$str = 'Flamengo'.PHP_EOL;
$str .= 'Vasco'.PHP_EOL;
$str .= 'Botafogo'.PHP_EOL;
$str .= 'Atlético'.PHP_EOL;
$str .= 'Santos'.PHP_EOL;

echo $str;
// Mosta: Flamengo Vasco Botafogo Atlético Santos

echo nl2br($str);
/* Mostra:
Flamengo
Vasco
Botafogo
Atlético
Santos
*/

A constante PHP_EOL representa uma quebra de linha de acordo com o sistema operacional rodando o PHP. Se Windows: \r\n, se UNIX: \n e se MAC: \r.

Leitura recomendada: PHP: Constantes Pré-definidas;

Leitura recomendada: PHP: nl2br


Nada te impede de colocar algum caractere entre cada valor e depois substituí-lo por uma quebra de linha HTML:

<?php
$str = 'Flamengo'.'+';
$str .= 'Vasco'.'+';
$str .= 'Botafogo'.'+';
$str .= 'Atlético'.'+';
$str .= 'Santos'.'+';

echo $str;
// Mosta: Flamengo+Vasco+Botafogo+Atlético+Santos+Flamengo

echo str_replace('+', '<br>', $str);
/* Mostra:
Flamengo
Vasco
Botafogo
Atlético
Santos
*/

Mas pensa comigo: se tem a constante PHP_EOL feita para quebras de linha, por que usar qualquer caractere para fazer o serviço dela?!

Sem falar que se você inserir algum valor que contenha tal caractere, ele vai ser transformado em uma quebra de linha!


"- Funciona em coluna varchar?" - Sam

Sim! Funciona! Veja:

mysql> EXPLAIN `quebra_ln`;
+---------+--------------+------+-----+---------+-------+
| Field   | Type         | Null | Key | Default | Extra |
+---------+--------------+------+-----+---------+-------+
| valores | varchar(100) | YES  |     |         |       |
+---------+--------------+------+-----+---------+-------+
1 row in set (0.14 sec)

mysql> SELECT * FROM `quebra_ln`;
+-----------------------------------------------+
| valores                                       |
+-----------------------------------------------+
| Flamengo
Vasco
Botafogo
Atlético
Santos
 |
+-----------------------------------------------+
1 row in set (0.00 sec)

Já no PHP, pode rodar esse script para confirmar:

<?php
$mysql = new \PDO(...);

$valor1 = 'Flamengo'.PHP_EOL;

$mysql->query("INSERT INTO `quebra_ln` VALUES ('$valor1');");

$valor2 = 'Vasco'.PHP_EOL;
$valor3 = 'Botafogo'.PHP_EOL;
$valor4 = 'Atlético'.PHP_EOL;
$valor5 = 'Santos'.PHP_EOL;

$mysql->query("UPDATE `quebra_ln` SET `valores` = CONCAT(`valores`, '$valor2');");
$mysql->query("UPDATE `quebra_ln` SET `valores` = CONCAT(`valores`, '$valor3');");
$mysql->query("UPDATE `quebra_ln` SET `valores` = CONCAT(`valores`, '$valor4');");
$mysql->query("UPDATE `quebra_ln` SET `valores` = CONCAT(`valores`, '$valor5');");

$select = $mysql->query("SELECT * FROM `quebra_ln`;");

$res = $select->fetch(\PDO::FETCH_ASSOC);

echo nl2br($res['valores']);
/* Mostra:
Flamengo
Vasco
Botafogo
Atlético
Santos
 */

E por último: o HTML passa as quebras de linhas normalmente ao PHP pelo textarea e afins.

Isso significa que, caso adicione as quebras de linha normalmente em um textarea, você pode armazenar no banco de dados sem adicionar o PHP_EOL. Logo, ao exibir estes dados, basta utilizar a função nl2br().

Ahhhh, e tem mais: se você for exibir esses registros em um textarea, não precisa utilizar a função nl2br() para quebrar as linhas. O textarea já vai se encarregar de quebrar tais linhas para você:

echo '<textarea>';
echo $res['valores'];
echo '</textarea>';

textarea

(Baseado na consulta exemplificada anteriormente)

Com a contribuição do Andrei Coelho.

9
  • 1
    Funciona em coluna varchar?
    – Sam
    Commented 16/03/2019 às 22:53
  • 1
    @Sam O nl2br funciona porque ele apenas insere um <br> na quebra de linha. Uma string. Commented 16/03/2019 às 22:54
  • 1
    @AndreiCoelho saquei! Valeu!
    – Sam
    Commented 16/03/2019 às 22:55
  • 1
    Ficou completa a resposta! Eu só citaria a questão do textarea que a quebra já vem automática. Ele pode pegar assim: $text = nl2br($_POST['nomeDoCampo']) ... Adoro o textarea ! XD Commented 16/03/2019 às 22:59
  • 1
    @LipESprY kkkk ficou ótimo! Parabéns! Commented 16/03/2019 às 23:36

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 .