Deb*_*ian 3 popup popupwindow google-sheets google-apps-script google-forms
参考 :
题 :
如何使 Google 表单包含在我在 Google 电子表格中制作的弹出窗口中?
尝试 1:
function goToURL() {
FormApp.openByUrl(//*** MyURLDoc! ***//);
}
Run Code Online (Sandbox Code Playgroud)
尝试 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);
}
Run Code Online (Sandbox Code Playgroud)
问题 :
它总是这样说:“找不到具有给定 ID 的项目或您没有权限”
我刚刚去了我拥有的旧表格并获得了嵌入代码。我加载到我在另一个项目上的侧边栏并粘贴了嵌入代码,它是一个 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();
}
Run Code Online (Sandbox Code Playgroud)
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>
Run Code Online (Sandbox Code Playgroud)
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>
Run Code Online (Sandbox Code Playgroud)
这是电子表格和侧边栏的样子:
归档时间: |
|
查看次数: |
5073 次 |
最近记录: |