Halaman

innerHTML yang bisa di edit

Ketika sedang menbuat interaktif, muncul pertanyaan, apakah innerHTML bisa di edit sebagai inputan?

Googling lah. Ternyata bisa. 

Caranya :

document.getElementById("myDiv").contentEditable = "true"; << bisa edit teks di div sebagai inputan

document.getElementById("myDiv").contentEditable = "false"; << menonaktifkan edit


bisa juga di taruh ketika membuat div

<div class="textbox" id="textbox" contenteditable="true"></div>


Ternyata penulisan ketika di Javascript dan di HTML berbeda di huruf "e" saja. editable dan Editable. Sempet salah tadi, kirain sama kecil semua, ternyata tidak.

Berapa lama tunggu file github bekerja?

Paling cepat 1 menit setelah di upload/unggah.
(Setelah melakukan percobaan sendiri)

Google Script - di dalam kode.gs

function doGet() {
  return HtmlService.createTemplateFromFile('index')
      .evaluate()
      .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}
function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename).getContent();
}
function getScriptUrl() {
  return ScriptApp.getService().getUrl();
}


doGet adalah untuk menjalankan file utama index.html (atau beranda.html, atau lainnya)

include adalah untuk menjalankan file html yang di dalamnya bisa ditulis <script></script> atau <style></style>

getScriptUrl adalah untuk mendapatkan url dari file yang aktif, yang fungsinya bisa ditempel namafile.html dan dijalankan (?page=Beranda)