擬似フレーム２（印刷・メニュー切り替え対応）

Date:2006/11/26 14:19

XFramesの実装が待ちきれなかったため、擬似フレームとか疑似フレームとか言われているものを完成させました。

フレームの最大の弱点である
・フレーム内の個別のページの URL はブラウザに表示されない
・印刷ができない
という点を克服しつつ、

フレームの最大の特徴である
・他のフレームに無関係にスクロール
を実装しました。

使用しているものはcss、JavaScript、クッキー(Cookie)です。

実際に動いているサンプルは、こちらの擬似フレームサンプルへどうぞ。
さらに改良を加えたものをブログテンプレートとしたものはこちら。

制限事項として、
・モダンブラウザしか動作しません(IE6、Fx1.5、Opera8、Safari2.0、またはそれらより新しいブラウザ）
・JavaScriptが無効だと動作しません
・Cookieが無効だと動作しません

制限事項に１つでも当てはまった場合は、~~メニュー無しページが表示されます~~。固定幅のテンプレートが適用されます。要は、普通のブログとして表示されます。

今回の擬似フレーム作成に当たり、下記のページの考え、JavaScriptソースを利用させてもらっています。
JavaScriptを流用している部分の原著作権は、原著作者にあります。
・JavaScriptと活用しよう
・「疑似フレーム」の作り方（IE6 にも対応、スタイルシート(CSS)、JavaScript使用）

今後数回に分けて、この擬似フレームに実装方法について解説していきます。