今回はプルダウンメニューを作ってみました。
プルダウンメニューを作る
| 今回の効果は、プルダウンメニューを表示させてリンク先へジャンプするというものです。 最初に表示されている項目は１つだけですので、スペースを取りません｡「▼」をクリックすると項目が沢山表示され、その中の１つをクリックするとリンク先へジャンプします｡ これはあちこちのＨＰでよく見かけると思います。 作り方は難しくないので、すぐ作れるのではないでしょうか？ 今月も少しだけこの実験にお付き合い下さい。 |
 ポイント | FORMを使用します。 |
 効果 | クリックすると、クリックされた項目が選ばれて現在表示されている項目と入れ替わります｡ それが SELECT onChange="location=this.options[this.selectedIndex].value" です。 選ばれた項目に記載されているファイル名が、ジャンプ先になります｡ |
 使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
|
この効果は、ＮｅｔｓｃａｐｅＣｏｍｍｕｎｉｃａｔｏｒ Ｖｅｒ．４．０とＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒ４．０の両方でできます。 １番最初にＨＰを読み込んだ時は、まだ項目が何も選ばれていない状態ですが、空欄にしておくわけにもいかないので、最初に表示する文を書き込んでおきます｡ 今回の実験の場合だと、「OPTION SELECTED」というところです｡ここに「ＷＥＬＣＯＭＥ☆実験室のページ☆ご案内」と書き込んでおくと、最初に読み込んだ時に「ＷＥＬＣＯＭＥ☆実験室のページ☆ご案内」という文字が表示されます。 今回は、そんなに難しくないので1度お試し下さい。 |
ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
