Ciao ragazzi! Non capisco se è un problema css o se necessito di javascript (credo di si), moderatori provvedete se è sufficiente il css!
codice HTML:
<textarea id="testo" style="height:12px; overflow:hidden; resize:none;">
</textarea>
codice:
$('#testo').on('focus', function(){
$('#testo').autosize();//funzione di un plugin che di per se c'entra poco, vedi sotto
});
$('#testo').on('blur', function(){
$('#testo').autosize('destroy');//la sintassi corretta non è questa ma semplifico
}
Ho la mia textarea, alta UNA RIGA, quando l'utente (onfocus) ci scrive qualcosa parte la funzione autosize (del plugin autosize), che altro non fa che aumentare l'altezza della textarea quando l'utente va a capo (o finisce la riga).
Sull'onblur distruggo l'autosize e l'altezza ritorna a 12 px come definito.
Supponiamo che l'utente scriva 3 righe di testo e poi clicchi fuori (onblur).
Qui nasce il problema, come posso far si che la textarea mostri l'ultima riga inserita? Di default mi fa vedere la prima, e gli a capo sono nascosti (height:12px; overflow:hidden)
NB non è un problema del plugin autosize che c'entra ben poco!