ブラウザが稼働している環境と同じ外観の場合:
※プログラムを簡潔に示すため余分な装飾を省いています。
ツリー表示、テーブル表示、分割表示の組み合わせ例です。
操作してみてください。
ツリーの項目をクリックされると、そのツリーに属する手紙の一覧をテーブルに表示します。
テーブルに表示された各行をクリックされると、その手紙の内容を表示します。
分割の境界線をドラッグされると、それぞれの表示比率を変えます。
実際のプログラムでは、データベース等から情報を取り出して表示することもあると思います。
ここではサンプルとして、それぞれの手紙ごとにテキストファイルをあらかじめ用意して、その情報を読み込んで表示しています。
以下はそのプログラム例です。 ・・・約130行(GUI部分は約60行、ファイル操作部分が約70行)
tegami.tar.Z (tar + compress)
tegami.tar.gz (tar + gzip)