|

ちょっと差のつくテクニック
JavaScript で遊ぼう
プルダウンメニューから項目を選びボタンを押すと移動する
プルダウンメニューから項目を選び、ボタンを押すと該当ページへ移動します。マウスの操作があまりうまくない方にとって、操作しやすくなっています。
設置方法
以下を <head> 内に貼りつけてください。
 |
<script language="javascript">
<!--
function Go() {
SelectedOption = document.Form.Location.selectedIndex;
location.href = document.Form.Location.options[SelectedOption].value;
}
// -->
</script>
|
以下を <body> 内ののプルダウンメニューを表示させたいところに貼り付けてください。
「*.html」には、飛ばしたい先のホームページ URL を記述し、「項目名(1)」には、プルダウンメニューに表示させる文字を記述します。
 |
<form method="post" action="" name="Form">
<select name="Location">
<option value="*.html">項目名(1)</option>
<option value="*.html">項目名(2)</option>
<option value="*.html">項目名(3)</option>
<option value="*.html">項目名(4)</option>
</select>
<input type="button" name="Submit" value="GO" onClick="go()">
</form>
|
下 (↓) のテキストボックス」に必要な事項をいれて「サンプルを作成する」ボタンを押してください。
プルダウンメニューの HTML が生成されます。「サンプル HTML」の内容をコピーしてお使いください。
「(1) HEAD 部分」と「(2) BODY 部分」の 2 つの部分からなっていますので、この 2 つを併せて御利用いただくようお願いいたします。
|
|