複数のフレームを使用した場合のリンクについて
-
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つ以上のフォームを使用してもちゃんと機能することが出来ました。
また何かあればよろしくお願いします。