Google関連

[Google Apps Script]サイドバーを表示する

  • Google Apps Scriptでサイドバーを表示します。
  • サイドバーの内容はcreateHtmlOutputFromFileメソッドで読み込むHTMLで、jQueryを扱うこともできます。
  • Google ドキュメント アドオンではCSSのパッケージ(https://ssl.gstatic.com/docs/script/css/add-ons.css)が用意されていて、link要素で読み込んで利用します。
  • HTML側からサーバースクリプトを呼び出すときは「google.script.run」を使います。
//var ui = SpreadsheetApp.getUi();
var ui = DocumentApp.getUi();

function onOpen(e){
    var html = HtmlService.createHtmlOutputFromFile('Sidebar').setTitle('サンプル サイドバー').setWidth(300);
    ui.showSidebar(html);
}

function showAlert(arg){
    ui.alert('Hello! ' + arg);
}

・Sidebar.html

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
    $(function(){
        $('#btnOK').click(function(){
            google.script.run.showAlert('Taro.');
        });
    });
</script>
<p><button id="btnOK" class="action">OK</button></p>

GoogleAppsScript_02_01

GoogleAppsScript_02_02

[Google Apps Script]メニューの追加と確認ダイアログの表示前のページ

[Google Apps Script]スプレッドシート上にウィンドウを表示する次のページ

関連記事

  1. Office関連

    Gmail APIを使ってメール送信するVBAマクロ(2)

    前回の記事でGmail APIを使ってメールを送信するVBAマクロを紹…

  2. Office関連

    Google翻訳の言語自動検出機能を追う

    「Google TTSで文字列を読み上げるマクロ」でGoogle翻訳の…

  3. Google関連

    [Google Apps Script]拡張サービスを使用する。

    Google Apps Scriptでは「拡張サービス」(Advanc…

  4. Google関連

    Google Docs API v1を試してみました。

    下記TechCrunchの記事によると、Google ドキュメントの新…

  5. Office関連

    Google Docs APIを使ってGoogle ドキュメントを操作するVBAマクロ

    前回の記事で新しく追加されたGoogle Docs APIを紹介しまし…

  6. Google関連

    QwiklabsでGoogle Cloud Platformを体験しました。

    先日行われたGoogle Cloudのハンズオンセミナー「QWIKLA…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

Time limit is exhausted. Please reload CAPTCHA.

最近の記事

アーカイブ

PAGE TOP