Para inserir em linhas ao invés de usar file_put_contents
use fwrite
(ou fput
) e será necessário usar PHP_EOL
para quebras de linhas.
Nota é recomendável converter a mensagem em entidades html para evitar ataques XSS por exemplo, para isso use htmlspecialchars
.
Um exemplo para gravação seria:
<?php
$nome = htmlspecialchars($_POST['nome']);
$mensagem = htmlspecialchars($_POST['mensagem']);
$linha = $nome . ' - ' . $mensagem . '<br>' . PHP_EOL;
$handle = fopen('chatlog.html', 'a'); //O 'a' põe o ponteiro no final, assim a grava no final do arquivo
fwrite($handle, $linha);
fclose($handle);
Notei que você está gravando tudo em um .html
isto quer dizer que talvez a leitura seja feita diretamente no HTML, talvez um iframe ou ajax que fica fazendo reload de chatlog.html
, isto funciona, mas quanto maior o arquivo mais demorado da página responder.
Nota: os passos a seguir são opcionais e não tem haver com o problema, considere como uma dica apenas, sendo totalmente opcional, este processo descrito é preferencial para se trabalhar com Ajax ou algo semelhante e manipulação de DOM por javascript.
Uma maneira de o arquivo pode ser usando fopen
, feof
e fgets
(fgets
lê linha a linha diferente do fread
que lê por tamanho), será necessário $_SESSION
ou cookies normais.
O arquivo de leitura php deve ser algo como (de um nome como chatreader.php):
<?php
session_start();
//Verifica a última linha que o usuário leu
if (empty($_SESSION['currentLine'])) {
//Se é a primeira vez que o usuário acessa então a leitura começa do '0'.
$_SESSION['currentLine'] = 0;
}
$current = $_SESSION['currentLine'];
$i = 0;
$handle = fopen('chatlog.html', 'r');
while (false === foef($handle)) {
++$i; //Soma para contar as linhas
//Se $i for maior que $current então significa que a linha não foi lida
if ($i > $current) {
echo fgets($handle);
}
}
$_SESSION['currentLine'] = $i; //Grava a ultima posição de leitura
O javascript ficaria algo como:
<div id="conversa"></div>
<script type="text/javascript">
function xhr() {
var xmlhttp = false;
if (XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else if(ActiveXObject) {
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(ee){}
}
}
return xmlhttp;
}
function chatReader(target) {
var x = xhr();
if (x === false) {
return;
}
x.open("GET", "chatreader.php?_=" + (new Date().getTime()), true);
x.onreadystatechange = function()
{
if (x.readyState === 4){
if (x.status === 200) {
var nd = document.createElement("div");
nd.innerHTML = x.responseText;
target.appendChild(nd);
} else {
console.log("Erro no servidor", x.status);
}
setTimeout(function() {
chatReader(target);
}, 1000);
}
};
x.send(null);
}
window.onload = function() {
var conversa = document.getElementById("conversa");
if (conversa) {
chatReader(conversa);
}
};
</script>
\n
logo ao lado do<br>
, assim creio que seja suficiente pra salvar linha a linha."<br>\n"
. Lembrando que o<br>
é tag html, a nao ser que abra o arquivo no navegador, ele será ignorado.