フレームを使ったプルダウンメニュー
フレームで「ヘッダー・左メニュー・右メインページ」というように3分割にし、左メニューに置いたプルダウンから項目を選ぶと右メインに表示される、という構造にしたいと思っています。
<HEAD>~</HEAD>内↓
<script language="JavaScript">
function jump(form) {
var myindex=form.destination.selectedIndex
window.open(form.destination.options[myindex].value, target="main");
}
//-->
</SCRIPT>
プルダウン部分↓
<FORM NAME="form">
<SELECT NAME="destination">
<OPTION VALUE="a.html" SELECTED>あ</OPTION>
<OPTION VALUE="k.html">か</OPTION>
<OPTION VALUE="s.html">さ</OPTION>
<OPTION VALUE="t.html">た</OPTION>
<OPTION VALUE="n.html">な</OPTION>
</SELECT>
<INPUT TYPE="image" SRC="go.gif" onClick="jump(this.form)" BORDER="0">
</FORM>
という様に記述した所、例えばプルダウンで「た」を選択した場合、右フレームにちゃんとt.htmlが表示されるのですが、左フレームのプルダウンの項目が「あ」に戻ってしまいます。「た」を選択した状態のまま残したいのですが。
ちなみにボタンに画像を使わず、<INPUT TYPE="button" ・・・・>にするとなぜか「た」選択の状態でちゃんと残ります。でも、できれば画像を使いたいのです。
うまいやり方をご存じの方は、教えていただけますか。おねがいします。
お礼
返事が遅くなってしまい申し訳ありませんでした。 検索してみた結果、吹き出しの形にするのはなかなか難しそうです。 もっと勉強が必要だと感じました。 頑張ってやってみます。 回答ありがとうございました。