複数のフレームを使用した場合のリンクについて



0   名前: 白櫻 : 2005/07/22 18:41  [URL
フレームを使用したリンクでフォームを複数扱う場合どのようにすればいいでしょうか?
複数のフレームを使用しようとすると1つだけしか機能しないか、全てのフレームのリンクが
全く機能しなくなります。どうか御指南のほどをよろしくお願いします。

1   名前: 元帥 : 2005/07/22 18:41  [URL
それぞれ、ターゲットをちゃんと指定してやれば動くと思いますが…
どのフォームをどのフレームに反映したいのか具体的に。

参照先のURLはズバリそのページを記入して下さい。
URL先のページはリンクが沢山あって、どのページの事を指しているのやら…

2   名前: 白櫻 : 2005/07/22 18:41  [URL
返信ありがとうございます。
参照URLの方はちゃんと指定しておきました。
左側のリンクをクリックすると右側のフレームに表示させるというもので
このリンク部分にフォームを使用していきたいのです。
判りづらい説明ですみません。

3   名前: 元帥 : 2005/07/22 18:41  [URL
http://www.tagindex.com/javascript/link/select1.html
ここ等は参考にしましたか?

optionタグにtarget属性はありません。
selectはあくまでもメニューであって、勝手にリンクしたりはしません。
従って、そうした機能をつけたいならJavaScript等を使う必要があります。

4   名前: 白櫻 : 2005/07/22 18:41  [URL
上記リンク先を参考にし、JavaScriptで作成したのですが2つ以上作るとうまく動作しなくなるのです。
その場合どういう風にすればいいのでしょうか。

5   名前: 元帥 : 2005/07/22 18:41  [URL
参考にして下さい。

/*JavaScript*/

<script type="text/javascript">
<!--
function jump(obj){
if(obj.options[obj.selectedIndex].value){
window.open(obj.options[obj.selectedIndex].value,obj.form.target);
}
}
//-->
</script>


/*HTML*/

<form target="b">
<select onchange="jump(this)">
<option value="">選択してください
<option value="1.html">1ページ目
<option value="2.html">2ページ目
<option value="3.html">3ページ目
</select>
<select onchange="jump(this)">
<option value="">選択してください
<option value="10.html">10ページ目
<option value="11.html">11ページ目
<option value="12.html">12ページ目
</select>
</form>

<form target="_blank">
<select onchange="jump(this)">
<option value="">検索エンジン
<option value="http://www.google.co.jp/">Google
<option value="http://ask.jp/">Ask.jp
<option value="http://www.marsflag.com/">MARS FLAG
</select>
</form>

6   名前: 白櫻 : 2005/07/22 18:41  [URL
ご指南ありがとうございます。
2つ以上のフォームを使用してもちゃんと機能することが出来ました。
また何かあればよろしくお願いします。

一覧へ戻る