#GoogleТаблицы — это аналог #Excel с веб-интерфейсом и возможностями для удобной совместной работы. Они похожи, и все же в Таблицах есть свои особенности, функции, плюсы и минусы. Работать в Google Таблицах просто и мы покажем как.
Диалоговое html-окно, первые шаги
Друзья, в Google Таблицах при помощи HTML и JS можно собрать модальное окно и вывести его.
Хоть простой сайт собирайте (если он вам нужен в Таблице).
Начнём с простой задачи, которая позволит разобраться, как использовать в HTML данные из Таблицы и как запускать из HTML скрипты.
— создадим HTML-окно с текстом, который возьмём из ячейки
— с двумя кнопками, при нажатии на которые будет запускаться скрипт, в который будет передаваться текст, который написан на кнопке, сообщение с этим текстом будет выводиться пользователю
Весь код, который нужен
1) Часть Google Apps Script (вставляем на лист gs)function showDialog() {
var html = HtmlService.createTemplateFromFile('Page').evaluate()
.setWidth(200) //размеры в пикселях
.setHeight(200);
SpreadsheetApp.getUi()
.showModalDialog(html, "@google_sheets"); //второй аргумент - заголовок окна
}
function script1(v) {
SpreadsheetApp.getActive().toast(v);
}2) Часть html (вставляем на html-лист "page" в редакторе скриптов)
К этому тексту добавим текст из ячейки
<?=SpreadsheetApp
.getActiveSpreadsheet()
.getRange('Лист1!A1')
.getValues();
?>
<br>
<br>
<input type="button" value="первый скрипт" onclick="google.script.run.script1(value)" />
<br>
<br>
<input type="button" value="второй скрипт" onclick="google.script.run.script1(value)" />Таблица с примеромДокументацияВстраиваем видео в Таблицу