Apps Scriptリファレンス: Apps Script Reference |障害・課題追跡: IssueTracker |Google Workspace: Status Dashboard - Summary

2019年11月30日土曜日

テキストエリアのheightを入力文字数によって自動調整したい


テキストエリア内で折り返しされた時にheightを自動で変更したくて書きました。


デモ





コード.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}
意訳
この機能がやること
指定したHTMLファイルを表示する




index.html
<!DOCTYPE html>
<html>
  <body>
  <textarea id="ta"></textarea>
    <script>
      var ta = document.getElementById("ta");
      ta.oninput = taInput;
      
      function taInput(e){
        ta.style.height = "1em";
        if(ta.scrollHeight > ta.offsetHeight){   
          ta.style.height = ta.scrollHeight + "px";
        }
      }
   </script>
  </body>
</html>


Latest post

Google Formsのフォントや色をカスタマイズしたい(UI操作)

Googleフォームではテーマをカスタマイズしてヘッダー画像や色やフォントを設定できます 今回は  Google Formsで単一選択の質問を作りたい  で作ったフォームをベースに テーマをカスタマイズしていきます テーマをカスタマイズ フォームの編集画面で上部メニューから「テー...