WEB相談室

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

タイトル:フレーム解除の方法

0:[投稿] けん [2003/12/22 18:30 ][環境:IE6SP1 Apache&tomcat]

フレームで以下のような動作を実現させたいのですが、方法がわかりません。

フレームA:テキストエリア、ボタン1、ボタン2
フレームB:結果HTMLのみ表示
ボタン1を押すとテキストエリアの内容をサーブレットで加工して
フレームBに表示。
ボタン2を押すとテキストエリアの内容をサーブレットで加工して
フレームを解除

よろしくおねがいします。


1:[回答] やちまた [2003/12/23 02:51 ]

target を変更すれば良いかと。


2:[質問] けん [2003/12/23 08:11 ]

回答ありがとうございます。

targetの変更方法がわかりません。
<form>内にテキストエリア、ボタン1、ボタン2の記述があって、
formで行うtarget指定は一回しかできないので、
ボタン1、ボタン2それぞれにtargetを設定することができません。


3:[回答] のぐりん [2003/12/23 10:23 ]

ボタン1、ボタン2押下時に、JavaScriptでtargetを変更してから、submitすればいいと思います。


4:[質問] けん [2003/12/23 14:46 ]

回答ありがとうございます。

JavaScriptについてわかっていないのですが、
targetを変更するためにはfunctionをつかってその中でtargetを指定するのでしょうか?
以下のようにすると本来のsubmit処理がされない?

とんちんかんな処理を書いていたらすいません。
ご指摘いただけないでしょうか?

<script type="text/javascript">
<!--
function settarget1() {
   frame[0].target = _top;
}
function settarget2() {
   frame[0].target = frameB;
}
// -->
</script>

<form action="act" >
<textarea name="edit" cols=40 rows=4/>
<input type=submit value=" ボタン1 " onclick=settarget1()>
<input type=submit value=" ボタン2 " onclick=settarget2()>
</form>


5:[回答] のぐりん [2003/12/23 15:29 ]

以下の様に修正してみてください。

<script type="text/javascript">
<!--
function settarget1() {
  form1.target = "_top";  //フォーム名.target = "[フレーム名]"
  form1.submit();
}
function settarget2() {
  form1.target = "frameB";  //フォーム名.target = "[フレーム名]"
  form1.submit();
}
// -->
</script>

<form name="form1" action="act" ><!--nameは任意に変えてください。actionは、submit先のファイル名-->
<textarea name="edit" cols=40 rows=4/>
<input type=submit value=" ボタン1 " onclick=settarget1()>
<input type=submit value=" ボタン2 " onclick=settarget2()>
</form>


6:[質問] けん [2003/12/24 09:19 ]

のぐりんさん、回答ありがとうございます。

上記の方法でうまく動作しました!

ただ、動作は思ったとおりなんですが、
どちらのボタンを押してもステータスバーに一瞬エラー
マーク(黄色い三角に!マーク)がでます。
一瞬なのでなんのエラーが発生しているのかを知る方法
がわからないのですが、どこかでログを見れるのでしょうか?


7:[回答] やちまた [2003/12/24 10:23 ]

IE なら、インターネットオプションでの詳細設定に、
「エラーごとに通知する」みたいなチェックがあると思います。
それにチェックを入れて置けば良いです。


8:[完了] けん [2003/12/25 13:23 ]

エラーを確認できました。(コードミスでした)
いろいろとありがとうございました!

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World