「javascript / Ajax / Google Apps」カテゴリーアーカイブ

javascriptとjQuery、Googleマップやスプレッドシートを使うTips。ちょっとした社内ツールなど。

Googleスプレッドシートでタイムカード(5)ポップアップウィンドウの作成

1.概要

出社状況を表示するためのポップアップウィンドウを作成します。
ボタンを押すと表示する↓これです。
TimeCard5_1

弊社で使用しているタイムレコーダーは「GUIビルダー」で作ってあり、マウスでひょこひょこ作ったウィンドウの構造をご紹介するだけのつもりだったのですが、いつの間にか(よくあることですが)、GoogleさんがGUIビルダーを廃止してしまいました。

そこで、ウィンドウを表示するためのプログラムが必要になり、今回は、前回作成したスクリプトに、そのためのコードを埋め込みます。

前回作成したコードの3行目、160~162行目を削除し、6行目、41~46行目、145~150行目を書き換えます。「*行目」は、前回終了時の状態での行数です。
削除するとわかりにくいのでここでは削除する行や書き換える行をコメントアウトします。

2.3行目の削除

次の一行を削除します。

3.160~162行目の削除

「//ポップアップ表示」の下の3行を削除します。

4.6行目の書き換え

書き換えと言うよりも、元が一行ですのでほとんど追加です。
write_condition_window()というファンクションも含んでいます。

5.41~46行目と145~150行目の置き換え

41~46行目、145~150行目はそれぞれ一行になります。

6.おわり

変更点は以上です。
全体のスクリプトはこんな↓感じです。
TimeCard5_2
拡大しないと見えませんね。すみません。

これで、状況を表示するためのポップアップを、スクリプトの中から生成するようになりました。
いつもどおり、保存ボタンをクリックしておきましょう。
次回は、今度こそ、タイムレコーダー(集計機能を除く)の完成です。