技術研究会用 サンプルへのリンク

このページでは、2016/3/17 に KEK で開催された技術研究会での講演「Java Script による動的ページの作成」で報告した６つの機能の、実際のサンプルと、関連するページを紹介します。
もし、気に入ったものがあったら、ソース参照して自分の HTML ファイルに利用してください。

講演のレポートとスライドは、「関連情報」からリンクしています。

ページ内見出し機能

• 報告集の 図1
  
• 旧ページ 例
  
• 新ページ 例
  

最終更新日付の表示機能

• 表示例は、本ページの先頭を参照
  
• Java Script 内の function last_Modified(p,dlm)
  

日本語ページと英語ページの動的切り換え

• 旧ページ 例
  
• 新ページ 例
  

テーブルデータの外部ファイル化

• 作成例 → ソースを表示してテーブルデータが埋め込まれていないこと、JSで読み込んでいることを確認できる
  csvファイル
  

テーブルの見出し行

• 報告集の 図２
  
  ffox, opera, edge, crome, safari5では動作。IE11では動作しない。
  印刷結果は、見出しが用紙の先頭に置かれる
• 見つけた例(LFJ) ： 見出しを固定して、データ部分だけをスクロールしている例
  
  印刷結果は、見出しがデータを一部覆うので使い物にならない
• 見つけた例(Zao) ： データ部分を更にスクロールしている例
  
  iframe は使っていない。
  印刷用に pdf が別途用意されている
• ヒントになったNHKのページ ブラウザの横幅を狭くすると SmartPhone用モードになり、固定ブロックの表示されません。
  

関連情報

• 技術研究会報告
  
• 技術研究会スライド
  
• 書き溜めている 例題集のページ
  http://research.kek.jp/people/yashiro/samples/index.html