| <OPTION value="java_tokei1.html">時計の色と大きさをかえてみよう</OPTION> などと書いてある所がリンク先を指定しているところです。 |
| value="java_tokei1.html" の java_tokei1.html がリンク先のアドレス（ファイル名）で、時計の色と大きさをかえてみよう がドロップダウンメニューに表示される文字です。この部分を、あなたのリンクさせたいアドレスやメニューにかえてください。 |
| ボタンに表示される文字は value="GO!" の GO! をあなたの好きな文字にかえてください。 |
| フレームを使っている場合には、ソースの変更が必要です。上から７行目の location.href=mlink; の部分を、parent.フレーム名.location.href=mlink; にします。 |
| たとえば下のソースのようなフレームページがあったとします。左側のフレームに、フレーム名が contents でファイル名が frame1.htm のページがあり、右側のフレームに、フレーム名が main でファイル名が frame2.htm のページがあります。 |
<frameset framespacing="0"
border="0" frameborder="0" cols="160,*">
<frame name="contents" target="main" src="frame1.htm"
scrolling="auto">
<frame name="main"
src="frame2.htm" scrolling="auto"> |
|
|
| 左側のフレームのページにドロップダウンメニューを表示させて、右側のフレームのページにリンク先のページを表示させたいとすると、ソースは・・・ parent.main.location.href=mlink; となります。 |
|
|
| ボタンのないドロップダウンメニューのソースは下のようになります。こちらはメニューから選んだだけでジャンプします。 |
| ボタンなしタイプのソース |
|
|
<SCRIPT LANGUAGE="JavaScript">
<!--
function Mylink(sel){
mlink=sel.options[sel.selectedIndex].value;
if(mlink!="-"){
location.href=mlink;
}
}
//-->
</SCRIPT>
<FORM method="post">
<select onChange="Mylink(this)">
<OPTION selected value="-"> ★ メニュー ★</OPTION>
<OPTION value="-">------------------------</OPTION>
<OPTION value="java_tokei1.html">時計の色と大きさをかえてみよう</OPTION>
<OPTION value="java_hizuke.html">今日の日付を表示させよう</OPTION>
<OPTION value="java_alert1.html">ボタンでアラートを表示させよう</OPTION>
<OPTION value="java_back1.html">ボタンで背景の色をかえてみよう</OPTION>
<OPTION value="java_link1.html">ボタンでリンクさせよう</OPTION>
<OPTION value="-">------------------------</OPTION>
</select>
</FORM> |
|
|
| ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。 |
|
|
|
|
|
★ メニュー ★ の横の ▼ ボタンを押すと、ドロップダウンメニューが表示されます。