|
|
|
|
| ホームページの項目やおすすめリンク集も次第に大きくなっていきます。プルダウンメニューに目次やリンク集を詰め込めば、ホームページもコンパクトになります。 |
| 難易度：★★☆☆☆☆☆☆☆☆ |
| 【実行例】 |
【リスト】
<script language="JavaScript"><!--
function myGo(){
mySelect = document.myForm.myMenu.selectedIndex;
location.href = document.myForm.myMenu.options[mySelect].value;
}
// --></script>
<form name="myForm">
<select name="myMenu" onChange="myGo()">
<option value="index.htm" >☆☆ イヌでもわかるJavaScript講座 目次 ☆☆
<option value="hajimeni.htm">はじめに
<option value="step1.htm" >Step.1 いきなりJavaScriptを使ってみましょう
<option value="aisatu.htm" >Step.2 あいさつ文を表示してみましょう
<option value="getdate.htm" >Step.3 現在の日付と時間を表示してみましょう
</select>
</form>
|
| 【説明】 前回はプルダウンメニューからリンク先を選んで[GO]ボタンでリンクしました。 今回はプルダウンメニューから項目を選択するだけでリンクするようにします。 <SELECT> タグに onChange= を指定すると項目選択時に指定のオブジェクトを実行します。このため、前回の[GO!]ボタンは必要なくなります。 onClick はクリックされた時、onChange は項目に変更があった時に処理をするというものです。javascriptではこれらをイベント処理といいます。この辺は後のステップで説明します。 参考ステップ Step.25 プルダウンメニューを使って目次を作りましょう その１ Step.55 プルダウンメニューを使って目次を作りましょう（フレーム版） |
