google-apps-script - 在 Google 电子表格的弹出窗口中创建 Google 表单。这可以做到吗?

标签 google-apps-script google-sheets popup popupwindow google-forms

引用:

Single Google Form for multiple Sheets



重新声明:

  1. 我有点难以让我的写作变得更好或更好 理解(少说英语)。
  2. 我对 Google Apps 脚本 (GAS) 有一些了解。
  3. 我已将以下“MyURLDoc”和“MyIdDoc”更改为 cosinderring 我的。




问题:

如何将 Google 表单置于我在 Google 电子表格中制​​作的弹出窗口内?





尝试1:

function goToURL() {
  FormApp.openByUrl(//*** MyURLDoc! ***//);
}





尝试 2: 以下为引用文献中的内容!

function goToForm() {
var form = FormApp.openById(//*** MyIdDoc! ***//),
    formUrl = form.getPublishedUrl(),
    response = UrlFetchApp.fetch(formUrl),
    formHtml = response.getContentText(),
    htmlApp = HtmlService
  .createHtmlOutput(formHtml)
  .setSandboxMode(HtmlService.SandboxMode.IFRAME)
  .setTitle('Ta Daaa!')
  .setWidth(500) 
  .setHeight(450);  SpreadsheetApp.getActiveSpreadsheet().show(htmlApp);
}





问题:

它总是这样说:     “找不到具有给定 ID 的项目或您没有权限

最佳答案

使用 Google 表单创建侧边栏

我刚刚转到我拥有的旧表单并获取了嵌入代码。我加载到另一个项目上的侧边栏中,并粘贴了嵌入代码(即 iframe),除了大小之外,它加载得非常完美,我运行了表单,果然它将数据加载到包含它的电子表格中。

我想我应该继续添加一个完整的示例。这是一个简单的示例,它创建一个用于将带时间戳的文本输入到电子表格中的表单。它有两种方式完成。第一种技术使用标准 html、javascript、JQuery 和 Google Script。第二种技术是通过创建一个表单并将其嵌入到一个简单的 html 页面中来完成的。两个版本都适合侧边栏,并且都链接到加载文本并添加时间戳的电子表格页面。

代码.gs:

function onOpen()
{
  SpreadsheetApp.getUi().createMenu('My Tools')
    .addItem('createTextEntryForm', 'createTextEntryForm')
    .addToUi();

  loadSideBar();
  SpreadsheetApp.getUi().createMenu('My Menu').addItem('loadSidebar', 'loadSideBar').addToUi();  
}

//This loads the text into the spreadsheet for the html version of the form.
function dispText(txt)
{
  var ss=SpreadsheetApp.getActiveSpreadsheet();
  var sht=ss.getSheetByName('Notes');
  var ts=Utilities.formatDate(new Date(), 'GMT-6', "M/dd/yyyy HH:mm:ss");
  var row=[];
  row.push(ts);
  row.push(txt);
  sht.appendRow(row);
  return true;
}

function loadSideBar()
{
  var userInterface=HtmlService.createHtmlOutputFromFile('formBar');//sidebar for html and formBar for form
  SpreadsheetApp.getUi().showSidebar(userInterface);
}


//This is the form
function createTextEntryForm()
{
   var ss=SpreadsheetApp.getActiveSpreadsheet();
   var form=FormApp.create('Form On A Sidebar');
   form.setDescription('Enter Your Message and Push Submit when complete.')
       .setConfirmationMessage('Message Saved and TimeStamped.')
       .setAllowResponseEdits(true)
       .setAcceptingResponses(false)
       .setDestination(FormApp.DestinationType.SPREADSHEET, ss.getId());
   var containerLink=form.addParagraphTextItem();
   containerLink.setTitle('Enter your comment now.')
       .isRequired();
}

sidebar.html 这是表单的 html 版本:

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script>
    $(function() {
        $('#txt1').val('');
      });
    function sendText()
    {
      var txt=$('#txt1').val();
      google.script.run
        .withSuccessHandler(clearText)
        .dispText(txt);
    }
    function clearText()
    {
      $('#txt1').val('');
    }
    console.log("My code");
  </script>
  </head>
  <body>
  <textarea id="txt1" rows="12" cols="35"></textarea>
<br />
  <input id="btn1" type="button" value="submit" onClick="sendText();" />
  </body>
</html>

formBar.html 是嵌入表单的位置:

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <iframe src="FormURL?embedded=true#start=embed" width="300" height="550" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
  </body>
</html>

电子表格和侧边栏如下所示:

enter image description here

enter image description here

关于google-apps-script - 在 Google 电子表格的弹出窗口中创建 Google 表单。这可以做到吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45262073/

相关文章:

javascript - 使用 .html 文件从 HTML 中分离 CSS 和 JS - Google 文档插件

javascript - Google Sheets 作为 Ajax 数据库

javascript - 如何使用 jQuery 生成一个简单的弹出窗口

node.js - 使用 Google Sheets API v4 编辑文档的监听器

javascript - 从 Internet Explorer 11.0.x 中的回调向浏览器的 opener 窗口发送消息

javascript - 第一次点击时弹出窗口会显示 div

javascript - 监控 Google 电子表格单元格值并撤消不需要的更改

javascript - 如何在 Google Apps 插件脚本中使用外部 javascript 库?

javascript - Get as Image 生成错误的图像 - Google App Script

google-sheets - 谷歌电子表格中的 "constant"?