更改侧边栏的内容

时间:2016-12-27 14:28:58

标签: javascript html google-apps-script

我正在为谷歌文档制作一个网络应用程序,您可以在我自己的网站上将文档的网址添加到SQL数据库中。我想要一个侧边栏,让您在包含当前文档的网址的隐藏输入的表单中输入用户名和密码。

我已经取得了成功,一切都接受了隐藏的输入。我知道如何从侧边栏的html页面运行功能。我的问题在于函数...我希望有类似document.sidebar.getUi().getElementById('URLinput').value = "the url";

的东西

我知道如何获取网址。我不知道如何编辑' body'侧边栏。

到目前为止,这是我的代码:



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>
&#13;
&#13;
&#13;

任何帮助都会非常感激!!

提前感谢!

2 个答案:

答案 0 :(得分:0)

您可以尝试使用以下代码行来获取输入值: document.getElementById(&#39; URLinput&#39;)。value =&#34; url&#34;;

希望这有帮助!

答案 1 :(得分:0)

您需要使用append()函数来广告在html页面上运行更改输入的函数的脚本标记。在showSidebar的功能中你把这个: html.append("<script>addURL(theURL);</script>"); 你在htmlpage上创建了一个函数: function addURL(url) { document.getElementById('urlinput').value = url; }  你已经完成了!