ホームページ企画･制作ソース公開

ソースコード［１］

下のソースコードをＨＴＭＬのヘッド(<head>)～(</head>)内に記述してください。

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_jumpMenuGo(selName,targ,restore){ //v3.0
var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);
}
//-->
</script>

ソースコード［２］

下のコードはボディ(<body>)～(,</body>)内の、ご自分の配置したい部分に記述してください

<form name="test">
<select name="test-2" size="1">
<option value="　" selected>□　ここからお選びください。　□</option>
<option value="test-a.html">テストページＡ</option>
<option value="test-b.html">テストページＢ</option>
<option value="test-c.html">テストページＣ</option>
</select>
<input type="button" name="Button1" value="ジャンプ" onClick="MM_jumpMenuGo('test-2','self',0)">
</form>

□　ここから選んでください。　□はプルダウンメニューのスタート画面です。
test-a.html はジャンプ先のアドレスです。
テストページＡはジャンプメニューです。
ジャンプはジャンプボタンの表示文です。

■ プルダウンメニューからページをジャンプさせる。(ボタン付）

■　プルダウンメニューからページをジャンプさせる。(ボタン付）