Corsi on-line

Ridimensionare textarea con jQuery UI

Utilizzando il framework Ajax jQuery e le apposite librerie jQueryUI è possibile creare velocemente delle textarea ridimensionabili; una volta scaricato jQueryUI e richiamato il relativo file JavaScript, sarà possibile impostare le proprietà della nostra textarea nel modo seguente:

<script>
$(document).ready(function() { 
	$("#resizebleTextarea").resizable({ 
	    handles: "e,s", 
	    minWidth: 250, 
	    minHeight: 150, 
	    maxWidth: 450, 
	    maxHeight: 300 
	});
 }); 
</script>

In questo modo otterremo una textarea delle dimensioni minime di “250*150 px” e delle dimensioni massime di “450*300 px” che potrà essere inclusa all’interno di un qualsiasi modulo grazie al codice seguente:

<textarea id="resizebleTextarea">Testo, testo, testo..</textarea>
Post correlati
I più letti del mese
Tematiche