WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:プルダウンを連動させて他ページを表示させたい(フレーム使用)

0:[投稿] せんべえ [2007/09/08 08:47 ] [環境:IE6 WIN2000 わからない]

WEBページの作成で、
プルダウンA(銀行・郵便・その他金融機関)
↓ 銀行を選択
プルダウンB(都銀・地銀・第二地銀)
↓都銀を選択
プルダウンC(A銀行・B銀行・C銀行・・・・・)
↓A銀行を選択
別ウインドウでA銀行のWEBページを表示


こういうものが作りたいのですが、可能でしょうか?
可能だとしたら、どのようにしたらよいですか?


1:[回答] ななし [2007/09/08 16:01 ]

可能。
JavaScriptかCssか両方を使ってプルダウンリンクを作成。
ターゲットにA銀行のWEBページを指定

ただし、A銀行のWEBページを許可無く自サイトのフレームとして表示させることは、著作権上問題が多いので、その銀行に許可を貰う事は必須。無断の場合、他サイトからの呼び出しには応じない設定も多い。


2:[質問] せんべえ [2007/09/08 16:22 ]

ありがとうございます。
色々調べてここまで↓たどりつきました。(丸写しですが)
もうひとつプルダウンを作成するときはどうすればよいでしょうか?(もう一段階プルダウンで選択させて、ジャンプさせたいのです)
またこれを別ウィンドウに表示させることができません。
(同じフレームに表示されてしまいます。)



3:[関連] せんべえ [2007/09/08 16:27 ]

<script type="text/javascript" language="JavaScript">
<!--  

function showthis(obj) {
  if(!obj) return false;
  if(document.getElementById) {
     document.getElementById("item1").style.display = "none";
     document.getElementById("item2").style.display = "none";
     document.getElementById("item3").style.display = "none";
     document.getElementById(obj).style.display = "inline";
  } else {
     return false;
  }
}
// -->
</script>
<style type="text/css">
#item1,#item2,#item3 {
  display: none;
}
</style>
</head>
<body>
<form>
<select onchange="showthis(this.value)">
<option selected="selected">選んでください</option>
<option value="item1">A</option>
<option value="item2">B</option>
<option value="item3">C</option>
</select>
<select id="item1" onchange="location=this.value">
<option selected="selected">選んでください</option>
<option value="D">E</option>
<option value="F">G</option>
<option value="H">I</option>
</select>
<select id="item2" onchange="location=this.value">
<option selected="selected">選んでください</option>
<option value="J">K</option>
<option value="L">M</option>
<option value="N">O</option>
</select>
<select id="item3" onchange="location=this.value">
<option selected="selected">選んでください</option>
<option value="P">Q</option>
<option value="R">S</option>
<option value="T">U</option>
</select>
</form>
</body>
</html>


4:[完了] せんべえ [2007/09/08 17:15 ]

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

回答(必須): 状態:

お名前(必須):

URL:




[戻る]