• ベストアンサー

perl で任意のフレーム内にページを開く

フレームを立・横と分けて4つあるとします。 submit ボタンを押した途端、同時に2つのフレーム 内に、別々のページを読み込むことは可能ですか? JavaScript とか使った方が早いのでしょうか。 もしそうなら、JavaScript でもかまいません。 方法をご指南ください。

  • yasu
  • お礼率79% (173/218)
  • Perl
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • zzzzzz
  • ベストアンサー率61% (70/113)
回答No.1

perlCGIはサーバ側でHTML等を出力するものなので、クライアント側には関係ありません。 HTMLでは同時に2つのページ変更はできないので、JavaScriptを使用します。 変更するフレーム名をframe1,frame2とする場合、 <FORM onsubmit='frame1.location.href="url1"; frame2.location.href="url2";'> のようにします(クエリー文字列なしの場合)。 クエリー文字列を渡したい場合にはtargetをJavaScriptで変更しながらsubmitします。 [例]formのデータをurl1,url2にsubmitした結果をframe1,fram2に表示させる場合 <SCRIPT> function form1_onsubmit(form) { form.target = "frame1"; form.action = "url1"; form.submit(); form.target = "frame2"; form.action = "url2"; form.submit(); return false; } </SCRIPT> <FORM onsubmit="return form1_onsubmit(this);">

yasu
質問者

お礼

回答ありがとうございます。 よくよく考えてみたら、実現したいことが若干違う ことに気が付きました。 教えていただいたスクリプトは、これはこれで、 ファイルにし後々の為に参考にさせていただきます。 お手数わずらわしてしまい申し訳ありません。

関連するQ&A

  • フレームを利用してのWebページの操作

    こんにちは。JavaScriptについてはほとんど初心者なので 教えていただきたいのですが、 フレームAのページでテキストボックスに入力したデータをボタンを押すことでフレームBのテキストボックスに、 書き込むことは可能でしょうか? JavaScriptサンプル集のページを参考に実験してみたところ、フレームA・フレームBのHTMLが自分のPC上にある場合は可能だったのですが、フレームBをWebページに指定すると途端にできなくなりました。テキストボックスの場所の指定も正しくできているのですが・・・ 参考ページ等、何かご存知でしたらお教え下さい。 よろしくお願いいたします。

  • フレームページから別フレームのアンカーへ

    あるフレームAからフレームBへ移るとき、 同時に子ページのアンカーへもリンクのさせたいのですが、 検索しても「いくつか方法がある」という記述は発見できたものの、 そのものズバリ、Javascriptが記述されたページが見つからず、 途方に暮れています。 a.html(フレームA)  a-1.html  a-2.html b.html(フレームB)  b-1.html  b-2.html   #b-2a、#b-2b、#b-2c・・・ 上記のような場合なのですが、 単純に考えればb-2.htmlのそれぞれのアンカーを指定した フレームページをアンカーの数だけ作ればよいのですが、 アンカーが数百単位で存在し、 フレームBだけではなくフレームC、D、E・・・と フレーム自体も数が多いので、後々のメンテナンスを考えると Javascriptで行う方が良い気がしています。 どなたか解決方法をご存知でしょうか?

  • フレームページでターゲットを2コ設定するには?【Dreamweaver】

    Dreamweaverを使用してフレームページを作っています。 ページは3分割にしてあるのですが、コンテンツボタンを押すと 3分割の内の2個の画面が切り替わるようにしたいのですがどうしたら いいのでしょうか・・・? もう一つフレームページを作ってしまう方法が一番簡単なのでしょうか?

  • 複数フレームで「戻る」ボタンを押すと、1フレームしか戻らない

    お忙しいところ申し訳ありませんが、教えてください。 「複数フレームを同時に書き替える」まではわかったのですが、「戻る」ボタンを押すと、1フレームしかページがもどりません。3フレームに分けているのですが、3フレームが同時に「戻る」ことはjavascriptでできるのでしょうか?ちなみにスクリプトは function viewWin(p1,p2,p3){window.open(p1,"frame1");window.open(p2,"frame2");window.open(p3,"frame3");} です。 基本的な質問だと思うのですが、わからなくて困ってます。どなたか教えてください。よろしくお願いします。

  • submitボタンで他のフレームを更新する方法

    submitボタンで他のフレームを更新する方法 submitボタンで他のフレームを更新する方法が分かりません。 現在、以下のようなフレーム分けされたページがあります。 <frameset cols="50%,*"> <frame name="AAA" src="A.php"> <frame name="BBB" src="B.php"> </frameset> ここで、A.php のフォーム内のsubmitボタンクリックのタイミングでA.phpは、 C.phpに遷移するのですが、同時にB.phpもD.phpに遷移させたいです。 方法をご存知のかたがいましたら教えてください。宜しくお願い致します。

  • ホームページでフレームのあるページをつくりましたが‥

    ホームページでフレーム(3分割)のあるページをつくりましたが‥検索サイトではあるフレームのURLのみが表示されて、ほかの2つは表示されません。そのため、トップページへ戻りたくてもメニューのページ(他の2つのフレームの内1つ)が表示されないのでトップへ戻れません。何かうまい方法はないのでしょうか?ちなみに、ホームページビルダー6です。よろしくお願いします。

  • CGI動作後に元のページに戻る方法

    Perl , javascript 初心者です。 あるページの一番下に,チェックボックスを設置して選択してもらうという簡単なアンケートを作っています。 submit ボタンを押した後,CGI(Perl) で処理を行い,その後元のページの元いた場所(アンケートがあるところ)を表示させることはできますか? また,できれば submit ボタンの横に「ご協力ありがとうございました」というコメントを表示したいと思います。 良い方法があれば教えて下さい。

    • ベストアンサー
    • Perl
  • フレームページからログを取る方法

    こんにちは。 JavascriptとCGIを利用して、簡単なアクセスログを取っています。 サイトの各ページの<BODY>~</BODY>の中で外部のJavascriptを呼びだし、 そのjavascriptの中で、<IMG src= ・・・・>でCGIを呼び出してファイルに書き込んでます。 ところが、フレームページだと、BODYタグが無いので、framesetタグの中のloadイベントで なんとかしようと思ったのですが、Javascript自体は呼べるものの、 <IMG src=・・・>などとしているため、エラーになってしまいます。 フレームページからログを取る良い方法があれば是非教えてください。お願いします。

    • ベストアンサー
    • HTML
  • フレームではなくページの中央にフレーム?・・・

    最先端のサイト(?)に行くと、フレームではなくて、ページの中央に別空間のようにページが表示されているものがあります。その「別空間」だけにスクロールバーもついています。 これってjavascriptで操作しているのですか? これは、javascriptのいろいろなページでもサンプル見たことがないので質問させていただきます。 (例) http://www.fujitv.co.jp/jp/warauinu/

  • フレーム

    こんにちわ。 今、フレームを用いてホームページを作成しています。 そのなかでJavascriptを用いて複数のフレームを同時に変更しようとしているのですが、 上手く出来ません。Javascriptの参考書等を見るとフォームボタンをクリックした時に 複数のページを変更する方法はよく載っているのですが、gifの画像をクリックした時に 複数のページを同時に変更したいのです。 ご存知の方がいらっしゃいましたらご返答をお願いします。 ちなみに、参考書等に載っていたフォームボタンをクリックする場合の方法を書いておきます。 フレーム名はf1,f2,f3としていて、f1内のフォームボタンをクリックするとf2,f3が変更される ものが載っていたのでその中のf1を書いておきました。 よろしくお願いします。 <HTML> <HEAD> <TITLE>F1.HTM</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function ChangFram(P1,P2){ parent.f2.location.href=P1 parent.f3.location.href=P2 } //--> </SCRIPT> </HEAD> <BODY> <FORM NAME="CHANG"> <INPUT TYPE="button" NAME= "chang1" VALUE=" Change!! " onClick="ChangFram('FP2.HTM','FP3.HTM')"> <P> <INPUT TYPE="button" NAME= "chang2" VALUE=" 元に戻す " onClick="ChangFram('F2.HTM','FP1.HTM')"> </FORM> </BODY> </HTML>

専門家に質問してみよう