寝太郎の江戸風呂。ね！

[PR]

2024/04/25 (Thu.)

Google Spreadsheets をデータソースとする掲示板

これまで数回にわたり、Google Spreadsheets をデータソースとする掲示板を紹介してきました。いよいよ最終形に近い形が見えてきたので、ここで紹介することにしました。

実際のサンプルは、次のページでご覧下さい。

サンプルページ

特徴

上記サンプルの「Public Message Board」の特徴は、次のとおりです。

投稿リストと投稿フォームの一体表示

Google Spreadsheets があらかじめ用意してる入力フォームをカスタマイズしたページをインナーフレームに表示しています。このフォームから投稿すると、すみやかにその内容が投稿リストに表示されます。

投稿の検索

検索窓に入力された文字列で投稿内容を検索して表示します。"message"または"name"のいずれかに検索文字列が含まれる投稿をリストに表示します。

ページ処理

検索結果は、10件ずつ表示されます。過去のデータを見たい場合には、次頁ボタンを押していきます。

注意

完成版ではありません。動作に不安定な部分があります。ソースコードもこれまでの実験版のツギハギなので、統一が取れていなかったり、過不足のある記述があったりします。

関連記事

ここに至るまでの途中の成果を記事にしているものがあります。参考に次に示します。

• Google Visualization Table Query に検索ボタン
• Google Visualization Query Table のページ処理
• Google Visualization Table の page イベント
• Google Spreadsheets の入力フォームのページを作成する。
• Google Spreadsheets のフォーム機能とGoogle Visualization API
• iframe のロードイベントを捉える。
• Google Spreadsheets のデータを Google Visualization API で表示する。その２
• Google">Google Spreadsheets のフォーム機能を利用して掲示板を作成する。

2010/10/27 (Wed.) Trackback() Comment(0) Google Visualization