OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

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

  • すぐに回答を!
  • 質問No.212028
  • 閲覧数132
  • ありがとう数3
  • 気になる数0
  • 回答数4
  • コメント数0

お礼率 43% (22/51)

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

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

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

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

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

勉強を兼ねて作成していますので、
どんな細かいことでも構いません。
よろしくお願いいたします。
通報する
  • 回答数4
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.2
レベル14

ベストアンサー率 24% (612/2465)

フレーム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">Yahoo
<OPTION value="http://www.goo.ne.jp">goo
<OPTION value="http://www.google.co.jp">Google
<OPTION value="http://www.excite.co.jp">Exite
</SELECT>
</FORM>
</BODY>
</HTML>

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

お礼率 43% (22/51)

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

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

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

上記の補足を踏まえたアドバイスを頂けると幸いです。
よろしくお願いいたします。
投稿日時 - 2002-02-05 13:28:33
-PR-
-PR-

その他の回答 (全3件)

  • 回答No.1
レベル8

ベストアンサー率 48% (12/25)

大まかに説明しますと、ターゲットを指定する必要があります。 親を変化させたいのでしたら、_parentというのを設定する必要があります。 ただ、作成ソフトで作っているということですがどのソフトでやられてるかわかりませんが。 もし、そのソフトでリンク先を設定する際に、どこかにターゲットという項目はありませんか?もしそれがあれば、そこに設定します。 ...続きを読む
大まかに説明しますと、ターゲットを指定する必要があります。
親を変化させたいのでしたら、_parentというのを設定する必要があります。

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

お礼率 43% (22/51)

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

使用しているソフトは、ホームページビルダーVer.6です。
リストボックスの属性の設定を開くと、
【項目】【値】の2種類しかありません。
ヘルプ内を見ても、値に関しては詳しい説明がなく、
苦労しています…。
投稿日時 - 2002-02-05 13:18:14
お礼コメント
lapis_lazuri

お礼率 43% (22/51)

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

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

今後にも活かしていきたいと思います。
投稿日時 - 2002-02-05 15:21:21


  • 回答No.3
レベル14

ベストアンサー率 24% (612/2465)

上中下でも、基本は同じです。 親フレームは、<FRAMESET>1つなのですよね? その仲にFRAMEが3つあるのであればフレーム内に置くスクリプトは同じです。 こんな感じ <HTML> <HEAD> </HEAD> <FRAMESET rows="130,*,60" border="0"&g ...続きを読む
上中下でも、基本は同じです。
親フレームは、<FRAMESET>1つなのですよね?
その仲にFRAMEが3つあるのであればフレーム内に置くスクリプトは同じです。
こんな感じ
<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>
お礼コメント
lapis_lazuri

お礼率 43% (22/51)

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

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

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

たびたび申し訳ありませんが、
またよろしくお願いいたします。
投稿日時 - 2002-02-05 15:18:43
  • 回答No.4
レベル14

ベストアンサー率 24% (612/2465)

<SELECT NAME="aaa" onChange="viewURL(this)"> でSELECTの内容を書き換えた時に動く。thisは今回選択する情報。 viewURL(sel)のselは引数なので、SELECTの情報。 sel.selectedIndexこれはSELECTで選ばれている番号。 0から順番だったと思う。 sel.opt ...続きを読む
<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">Yahoo で設定したvalueの情報が入っています。
で、選んだ番号を[]内に添字で入れますので、実際に選んだ番号のvalueをadrsに代入します。今回はvalueはURLです。
if(adrs!=0){
このadrsの値が0でなければ、
top.frameB.location=adrs;
一番上位のWindowに含まれるframeBというフレームの中身をadrsのアドレスで書き直します。
if(adrs!=0){ で0を判定しているのは、リストの一番上の空白を選択した時は動作しないようにする為です。

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

お礼率 43% (22/51)

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

参考URLも参照しながら勉強してみようと思います。
お手数をおかけしました。
投稿日時 - 2002-02-06 00:20:16
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ