CHunky Universe of Vigourous Astonishing SHarepoint :)
The cleanest way to auto-resize a textarea while typing (like wall post on Facebook) is George Papadakis solution. It uses only standard javascript and provides eventlisteners for IE (attachEvent) and other browsers (addEventListener):
window.onload = function() {
var t = document.getElementsByTagName('textarea')[0];
var offset= !window.opera ? (t.offsetHeight - t.clientHeight) : (t.offsetHeight + parseInt(window.getComputedStyle(t, null).getPropertyValue('border-top-width'))) ;
var resize = function(t) {
t.style.height = 'auto';
t.style.height = (t.scrollHeight + offset ) + 'px';
}
t.addEventListener && t.addEventListener('input', function(event) {
resize(t);
});
t['attachEvent'] && t.attachEvent('onkeyup', function() {
resize(t);
});
}
Other solutions are <a href="https://github.com/padolsey/jQuery.fn.autoResize/blob/master/jquery.autoresize.js, jQuery.autogrow, elastic
 | Michal on Update LocaleId and TimeZone w… |
 | Praveen on REST API: Add a plain text fil… |
 | Anatoly Mironov on Azure Key Vault vs. Pipeline… |
| Anatoly Mironov on Azure Key Vault vs. Pipeline… |
 | Aleksandr Sapozhkov on Azure Key Vault vs. Pipeline… |
 | Dennis Gaida on Azure Key Vault vs. Pipeline… |
 | liam on The Path Length Limit of 400 c… |
 | MrNigel on Renaming site urls |
| Anatoly Mironov on Min första kolumnformatering |
 | jonasbjo on Min första kolumnformatering |
VulaCV - Чăвашла вулаттаракан сайт
And going crazy doing it
Microsoft 365, SharePoint and Azure
Nikander & Margriet on SharePoint
PFE @ Microsoft
Office 365, SharePoint, Azure, OnePlace Solutions & Life's Other Little Wonders
Me and My doings!
By Mohit Vashishtha
Erfarenheter, synpunkter och raljerande om Scrum från Jimmy Janlén
DevOps, Cloud and Blockchain Consultant
SharePoint for everyone
Ryan Dennis is a SharePoint Solution Architect with a passion for SharePoint and PowerShell
The Vision for a Future of Clarity
Treacle tarts for great justice
JavaScript, Web Apps and SharePoint
Mostly what I know and share about...
SharePoint på ren svenska
Excellent sollution. But to use it if there are more textareas on one page?
Thanks Martin for your response! Of course, you can use this code even if there are many texteareas. You must use an appropriate selector. The code I showed was for the demonstration only.
you type additional function:
var txtAreaNumber = 0;
function getID(thisID) {
txtAreaNumber = thisID;
return txtAreaNumber;
}
and modify:
var t = document.getElementsByTagName(‘textarea’)[txtAreaNumber];
html:
my function isnt on win.onload but is on click!
yo good bye
Thanks for sharing!
I think this website filtering your html code. can you please email me your complete code or create a fiddle and share it here?
Not bad, but what about autoresizing for given data, i.e. a script reads different settings from a file and puts it in textareas, so that the user can edit these data.
The above script autoresizes only when typing…
Thanks svasti! It is a good idea to make it to autoresize for given data. Unfortunately I don’t have time to experiment with it right now. I would appreciate if you leave a message when you find a solution for that.
Excellent solution thank u
This actually works. Getting rid of JQuery and needed an non jquery solution. Thanks for this.
Excellent. Worked for me at 20-Mar-2014 in latest FireFox. Thank you.
So nice and clean. : )
Thanks for the feedback. Glad to hear that it worked for you.
Excellent.:)
Thanks
Nice code!
Just “converted” it to jQuery, since I’m already using it in my project. Here is my result:
$(function() {
var t = $(“#message”);
t.bind(‘input’, function() {
t.css(“height”, ‘auto’);
t.css(“height”, t[0].scrollHeight + ‘px’);
});
});
I don’t know if it will work on every browser, as I just tested it on latest version of Chrome, Firefox and Opera, all on Linux.
Forgot to share a jsfiddle link:
http://jsfiddle.net/LT7vW/
Thank you for sharing, Diogo!
Thank you it works perfectly! 😀