用語注記(人名等)テンプレート (2)
このテンプレートは、ウェブページの左側に用語(人名等)の注釈ボックスを置き、本文をスクロールしても常に同じ位置で注釈を参照できるように作ったものです。
このサンプルは次の操作ができます。
-
下の「人名1」の上をマウスが通過すると(クリックはしない)、その注記が左のボックスに表示されます。
人名1←(マウスポインタを置く。)
人名2←(マウスポインタを置く。)
ただし、IE6ではうまく表示できず、MozillaまたはFireFox, Netscape Browser8で使えるテンプレートです。(Opera6では表示が若干ずれてしまいます。)このリンクは、長い文章の途中に埋め込む形でも使えます。また、リンクは枠線で囲み、色をつけてありますが、これらはスタイルシートの「a」タグへの指定や「a:hover」の指定を変更すれば消すことができます。
-
クリックすると、注記の内容が左下の枠内に転記されます。転記内容はしばらく経って消えるので、その間に必要な注記をクリップボードにコピーすることができます。
本文を読む際に、いつまでも注記が残っていると読みづらいので、上欄はマウスが離れるとすぐに消えるようにしてあります。ただし、注記を利用したい場合にはコピーできるように、下欄に転記する動作を加えています。コピーボタンを付けられるとよかったのですが、そういうことができるのかどうか。
|
このテンプレートのよいところは、フレームを使っているわけではないので、1つのファイルで用が足りるところです。ただし、注釈が多い場合は、むしろ別ファイルにまとめて簡単に記述できればその方が便利だという場合もあるかもしれません。
注記の書き方は、このファイルの中に説明しています。項目名や枠の大きさ、色など適宜変更して使ってください。(ただし、動作に関わる部分を改変して、その結果不具合が起きたとしても〔そんなことは恐らく無いでしょうが〕責任は負いかねます。)
(2005.8)