Dunque...il problema è questo.
ho una textarea che DEVE essere senza scrollbars.
il numero di righe è 1 ma deve automaticamente amuentare nel caso di un ritorno a capo (pressione di invio o esaurimento spazio per caratteri)
in pratica mi serve una textarea senza scrollbar e che si "espanda" automaticamente in base al numero di righe.
ogni riga aggiunta deve allungarsi la textarea.
come posso fà??
tnx
puoi farlo semplicemente con i fogli di stile, impostando l'overflow su visible. con iefunzica, ma già con firefox no.
in alternativa potresti ripiegare su un div dal contentEditable=true. in questo caso l'overflow se non ricordo male si comporta allo stesso modo per ie, firefox e netscapecodice:<TEXTAREA rows=1 cols=40 style="overflow:visible;" name=textarea1></TEXTAREA>
xxx
ci ho pensato un po', per rendere la cosa più portabile potresti provare aggiungendo questa funzioncina in questo modo:
codice:<html> <head> <script language="Javascript"> <!-- function autoresize() { var ta = document.mioForm.miaText; var t = ta.value; var s = 0; var c = 1; while((s=t.indexOf('\n', (s+1)))!=-1) c++; ta.rows = c; } //--> </script> </head> <body> <form name="mioForm"> <TEXTAREA rows=1 cols=40 style="overflow:visible;" onKeyUp="autoresize();" name="miaText"></TEXTAREA> <form> </body> </html>
xxx
Permessi di invio
Rispondi quotando