Fai un onblur ai campi con controllo valore o un onclick a un button con innerHTML di un div.
Per il contatore, fai un onchange al textarea + un controllo (in funzione, per rendere il codice pulito).
Esempio:
Codice PHP:
<script language="javascript">
function check(object){
maxlength = 560; // Valore massimo
if(object.value.length >= maxlength){ return false; alert("Limite superato!"); } // Se supera i 560 caratteri, alert dell'errore e impedisce all'utente di digitare il tasto se non quello che elimina.
else return true; // Altrimenti, continua.
}
function insInDiv(id){
document.getElementById(id).innerHTML= document.getElementById('utente').value+" ha detto: "+document.getElementById('messaggio').value;
}
</script>
<input type="text" id="utente" />
<textarea id="messaggio" onchange="check(this)">
</textarea>
<input type="button" onclick="insInDiv('preview');" value="Anteprima" />
<div id="preview"></div>
Se non funziona, posta!!