LoginSignup
1
0

More than 5 years have passed since last update.

JavaScript学習記録4 2018年6月25日分

Posted at

使用図書
『ここからはじめる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ファイルを作って場所指定ってところか。
これで気の利いた機能が作れるって寸法よ。やったね親分!

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0