「フォームリストボックス」の作成について

解決済

質問者：lapis_lazuri
質問日時：2002/02/05 11:32
回答数：4件

リストボックスによる選択メニューを作成しています。

HP作成ソフトで、型枠は簡単に作成できますが、
その設定の中で、「値」の記述で困っています。

具体的に実現させたいことは以下のとおりです。

１．フレームAにリストボックスを置く。
２．フレームB(親)の内容を、選択によって変化させる。

以前に、同一ページにリストボックスを置いて
変化させる方法は取ったことがあるのですが、
今回のケースではなかなかうまくいきません。

勉強を兼ねて作成していますので、
どんな細かいことでも構いません。
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

No.1

回答者： kagetora_uesugi
回答日時：2002/02/05 11:45

大まかに説明しますと、ターゲットを指定する必要があります。

親を変化させたいのでしたら、_parentというのを設定する必要があります。

ただ、作成ソフトで作っているということですがどのソフトでやられてるかわかりませんが。
もし、そのソフトでリンク先を設定する際に、どこかにターゲットという項目はありませんか？もしそれがあれば、そこに設定します。

この回答への補足

早速のアドバイスありがとうございます。

使用しているソフトは、ホームページビルダーVer.6です。
リストボックスの属性の設定を開くと、
【項目】【値】の２種類しかありません。
ヘルプ内を見ても、値に関しては詳しい説明がなく、
苦労しています…。

補足日時：2002/02/05 13:18

通報する

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。

単純にフレーム内でリンクを張った場合に有効な
ターゲットなんですよね？

今後にも活かしていきたいと思います。

通報する

お礼日時：2002/02/05 15:21

No.2ベストアンサー

回答者： madman
回答日時：2002/02/05 12:35

フレームBが親となっていますが、フレーム内フレームですか？

単純にフレームが横に並んでいる場合は、親ではないですよ。
まず、フレーム設定時にフレームに名前を付けましょう。
<HTML>
<HEAD>
</HEAD>
<FRAMESET cols="130,*" border="0">
<FRAME src="frameA.html" name="frameA">
<FRAME src="frameB.html" name="frameB">
</FRAMESET>
</HTML>
で、frameAのスクリプトを以下のように書きます。
<HTML>
<HEAD>
<script type="text/javascript">
function viewURL(sel)
{
adrs = sel.options[sel.selectedIndex].value;
if(adrs!=0){
top.frameB.location=adrs;
}
}
</script>
</HEAD>
<BODY>
<FORM ACTION=".">
<SELECT NAME="aaa" onChange="viewURL(this)">
<OPTION value=0>選んでください
<OPTION value="http://www.yahoo.co.jp">Ｙａｈｏｏ
<OPTION value="http://www.goo.ne.jp">ｇｏｏ
<OPTION value="http://www.google.co.jp">Ｇｏｏｇｌｅ
<OPTION value="http://www.excite.co.jp">Ｅｘｉｔｅ
</SELECT>
</FORM>
</BODY>
</HTML>

これで、プルダウンで選択すると、横の大きなフレームに指定したページを表示できます。URLにジャンプするのではない場合は、書き換えてください。

この回答への補足

早速のアドバイスいただきありがとうございます。

フレームの説明が不足していたようですので、
付け加えさせていただきます。

フレーム構成は、上中下の３段構成にしており、
その中で、上フレームにリストを置き、
選択により、中フレームを変化させようとしています。

上記の補足を踏まえたアドバイスを頂けると幸いです。
よろしくお願いいたします。

補足日時：2002/02/05 13:28

通報する

- 0
- 件

通報する

No.3

回答者： madman
回答日時：2002/02/05 14:13

上中下でも、基本は同じです。

親フレームは、<FRAMESET>１つなのですよね？
その仲にFRAMEが３つあるのであればフレーム内に置くスクリプトは同じです。
こんな感じ
<HTML>
<HEAD>
</HEAD>
<FRAMESET rows="130,*,60" border="0">
<FRAME src="frameA.html" name="frameA">
<FRAME src="frameB.html" name="frameB">
<FRAME src="frameC.html" name="frameC">
</FRAMESET>
</HTML>

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。

先ほどの補足を行った後に、
教えていただいたスクリプトを組み込み、
たった今動作したところでした！

よろしければ、今回のスクリプト構文に関して、
簡単な解説文を頂けないでしょうか？
今後にも役立つと思いますので…。

たびたび申し訳ありませんが、
またよろしくお願いいたします。

通報する

お礼日時：2002/02/05 15:18

No.4

回答者： madman
回答日時：2002/02/05 19:31

<SELECT NAME="aaa" onChange="viewURL(this)"> でSELECTの内容を書き換えた時に動く。

thisは今回選択する情報。

viewURL(sel)のselは引数なので、SELECTの情報。
sel.selectedIndexこれはSELECTで選ばれている番号。
0から順番だったと思う。
sel.options[].valueは、SELECTの並んでいるOPTIONの値。
<OPTION value="http://www.yahoo.co.jp">Ｙａｈｏｏで設定したvalueの情報が入っています。
で、選んだ番号を[]内に添字で入れますので、実際に選んだ番号のvalueをadrsに代入します。今回はvalueはURLです。
if(adrs!=0){
このadrsの値が0でなければ、
top.frameB.location=adrs;
一番上位のWindowに含まれるframeBというフレームの中身をadrsのアドレスで書き直します。
if(adrs!=0){ で0を判定しているのは、リストの一番上の空白を選択した時は動作しないようにする為です。

まだJavaScript勉強しはじめて2週間ぐらいなんで、私の説明も結構いい加減かも...(^^;
ビルダーなどのツールで、JavaScriptを勉強するなら、出力されたコードがなぜ索動くのかを勉強したほうが良いですよ。
ビルダーは結構無駄なコードをはいたりしますから。

参考URL：http://tohoho.wakusei.ne.jp/js/index.htm