Изменение содержимого боковой панели

Я делаю веб-приложение для Google docs, где вы можете url документа к базе данных SQL на моем собственном сайте. I want to have a sidebar that let’s you enter the username and password in a form with a hidden input that contains the url of the current doc.

I’ve had succes with everything accept for the hidden input. Я знаю, как запускать функции с HTML-страницы боковой панели. Моя проблема заключается в функции… Я надеюсь, что есть что-то вроде document.sidebar.getUi().getElementById('URLinput').value = "the url";

Я знаю, как получить url. Я не знаю, как редактировать «тело» боковой панели.

это мой код до сих пор:

var doc = DocumentApp.getActiveDocument();
var link = doc.getUrl();



function addUrl() { //I have no idea how to do this part...
  var html = HtmlService.createHtmlOutput('page');
  DocumentApp.getUi().showSidebar(html);
}

function onOpen() {
  DocumentApp.getUi() // Or DocumentApp or FormApp.
    .createMenu('Timklein')
    .addItem('Show sidebar', 'showSidebar')
    .addToUi();
}

function showSidebar() {
  var html = HtmlService.createHtmlOutputFromFile('page')
    .setTitle('My custom sidebar')
    .setWidth(700);
  DocumentApp.getUi() // Or DocumentApp or FormApp.
    .showSidebar(html);
}
<!DOCTYPE html>
<html>

<head>
  <base target="_top">
</head>

<body>
  <h1>Timklein.tk webapp</h1>
  <form action="mysite.com/adddoc.php" method="POST">
    <b>add to database...</b>
    <br>username:
    <input type="text" name="username">
    <br>password:
    <input type="password" name="password">
    <br>Naam van het document:
    <input type="text" size="2" name="docName">
    <br>
    <input type="hidden" name="docLink" id="URLinput">
    <input type="submit" name="submit" value="send">

  </form>
  <script>
    google.script.run.doSomething();
  </script>
</body>

</html>

любая помощь будет очень признательна!!

заранее спасибо!

2 ответа

  1. Можно попробовать использовать эту строку кода для получения входного значения:
    документ.getElementById (‘URLinput’).значение = » url-адрес»;

    Надеюсь, это поможет!

  2. вы должны использовать функцию append() для объявления тега скрипта, который запускает функцию на html-странице, которая изменяет входные данные. в функции showSidebar вы ставите это:
    html.append("<script>addURL(theURL);</script>");
    создание функции на странице HTML:
    function addURL(url) {
    document.getElementById('urlinput').value = url;
    }

    и вы закончили!