Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
GreenGeeks Web Hosting - Faster, Scalable & Eco-Friendly

BlueHost Web Hosting

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

getflywheel wordpress hosting


Distribute your Resume to 500+ Job Boards & Recruiters


7,904 questions

11,012 answers

573 users

How to auto-expand textarea tag in HTM, CSS, JavaScript and PHP

1 Answer

0 votes
// index.php

 echo '<textarea id="textarea-id" placeholder="Write something..." rows="1"></textarea>';
 echo '<script type="text/javascript">addAutoExpandingEvent()</script>';
 /* style.css */

 textarea {  
  overflow:hidden;
  width:300px;
}

 /* functions.js */

function addAutoExpandingEvent()
{
    var textarea = document.getElementById('textarea-id');
    textarea.addEventListener('keydown', autosize);
}             
function autosize()
{
  var ta = this;
  setTimeout(function() {
    ta.style.cssText = 'height:auto; padding:0';
    ta.style.cssText = 'width:300px; height:' + ta.scrollHeight + 'px';
    
  }, 0);
}






answered May 15, 2015 by avibootz
edited May 15, 2015 by avibootz
...