Обучение, заказы, реклама: @namokonov
С 2017 года приручаем Google Таблицы и Google Apps Script, создаём ботов в Telegram и Max.
Реальные кейсы и автоматизация.
Оглавление: clck.ru/3UJwhf
РКН: clck.ru/3F3u9M
Post #917
10.9K
Диалоговое html-окно, первые шаги
Друзья, в Google Таблицах при помощи HTML и JS можно собрать модальное окно и вывести его.
Хоть простой сайт собирайте (если он вам нужен в Таблице).
Начнём с простой задачи, которая позволит разобраться, как использовать в HTML данные из Таблицы и как запускать из HTML скрипты.
— создадим HTML-окно с текстом, который возьмём из ячейки
— с двумя кнопками, при нажатии на которые будет запускаться скрипт, в который будет передаваться текст, который написан на кнопке, сообщение с этим текстом будет выводиться пользователю
Весь код, который нужен
1) Часть Google Apps Script (вставляем на лист gs)
2) Часть html (вставляем на html-лист "page" в редакторе скриптов)
Таблица с примером
Документация
Встраиваем видео в Таблицу
Друзья, в 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)" />Таблица с примером
Документация
Встраиваем видео в Таблицу
- 👍 48
- 🔥 6
- 👎 3









