使用図書
『ここからはじめるJavaScript入門』(井上久夫 2002年1月25日発行)
7章だ!残り……見落としてた、2章だ。ぱぱっと身につけて掲示板作ってみたいね!
「メニュー画面を使ってページを移動しよう」
とのことだ。webページ作るならメニューの1つや2つは無いとね。
メニューはformに属しているからFORMタグを使ってSELECTタグとOPTIONで選択肢を作成、OPTIONタグで表示するほにゃららを指定って感じだな。
おなじみのif文で分岐させればあっという間に個別の命令が出せるって寸法よ。
<FORM name="goMenu">
<SELECT name= "select" onChange="if (selectedIndex == 1) {alert('メニュー1へと至る')};
if (selectedIndex == 2) {alert('メニュー2へと至る')};
if (selectedIndex == 3) {alert('メニュー3へと至る')}">
<OPTION>選択せよ</OPTION>
<OPTION>menu1</OPTION>
<OPTION>menu2</OPTION>
<OPTION>menu3</OPTION>
項目を作ると勝手に0.1.2.3……と番号が振られていくというのも見過ごせないポイントかな。0作るの忘れてアレェ?ってなりそう。俺なら絶対やるね。
続けて別ページに移動するには?と行く。
<SELECT name= "select" onChange="if (selectedIndex == 1) {location.href='moved1.html'};<SELECT name= "select"
今までやったやつを組み合わせただけっぽいな。href先生には頭が上がりませんで。
そしてフレームを使うと画面の左だけとか、指定した場所の切り替えができるみたいだ。先日やったparent.mainを使う。FRAMESETファイルを作って場所指定ってところか。
これで気の利いた機能が作れるって寸法よ。やったね親分!