新しく開いたウィンドウを、上下のフレームにわかれている状態にして、そこに別々のhtmlを呼び込みたいのですが、可能でしょうか。
リンクがたくさん有り、呼び込ませたいhtmlもたくさんあるので、リンクの数だけフレームを定義したhtmlを作成しなくても済むようにしたいのです。
分かりずらい質問かもしれませんがよろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

以下のサイトのM-12別フレーム×2ジャンプのような感じでしょうか?



参考URL:http://www2.ocn.ne.jp/~sugachuu/JavaScript/index …
    • good
    • 0

複数の画面のリンクからひとつのフレーム分割を行うHTMLファイルを呼ぶことによって、呼び元によって異なる画面を表示するというようなイメージでしょうか。



この方法は、呼び出すhtmlファイルから、フレーム分割を行うHTMLに対して画面の組み合わせなどの意味を持たせた番号か文字列などをHIDDEN情報として渡します。
そして、受け取る側ではHIDDENで送られてきた番号や文字列から表示させる画面を判断してあげれば、いろいろな画面をひとつのフレーム分割を行うHTMLファイルから表示することが可能です。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qリンク先をフレーム(+フレーム内の1つを別々のページへ)

タイトル通りなんですが、

あらかじめ、frame.htmlという
上と左右に分割されたページ
(上はtop.html、左はleft.html、右はright.html)
があるとします。

で、index.htmlから1~3までのリンク先があり、
そこをクリックすると、frame.htmlの
top.htmlとleft.htmlだけ同じファイルを呼び出し、
right.htmlの部分だけ各1~3のページを
読み出す事はできるのでしょうか?

1~3.html用にそのフレームページを3つ作れば早いのですが
どうにかして、frame.htmlの「right」だけを各リンク先のページに
切り替えるという、1つのファイルで賄いたいと思っております。

宜しくお願い致します。

Aベストアンサー

方法としては、
・index.htmlのリンク1~3のhrefをそれぞれ
 "frame.html?ptn=1"
 "frame.html?ptn=2"
 "frame.html?ptn=3"
 などとしてframe.htmlへどのリンクを踏んだかを渡す

・frame.htmlの先頭でindex.htmlから渡された値(ptn)を取得する
 window.documentあたりで取得できると思います。
 (文字列操作等が必要かもしれない)

・取得した値(ptn)によってframesetのsrcを振り分ける。
 ptn=1だったらright1.html
のような感じで。

といった具合で実現可能かと。

Qフレーム内 ( 子HTML ) からフレーム外 ( 親HTML ) のコンボボックスをJavaScriptで操作する方法は?

下記のようなHTML(抜粋)のフレーム内(子)から、フレームの外側(親)のコンボボックスの値を変更(現在は「起」が選択されていますが、例えば、これを「承」に変更)したいのですが、JavaScriptをどのように記述すればよいでしょうか?

Top.Hoge ( または、Parent.Hoge ) の後の書き方がわかりません。
(手持ちの書籍は一通り調べてみたのですが、探し方が悪いのか・・・?)

ご存知の方、コメントを頂けると助かります。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="JavaScript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>題名</title>

........(略)........

<form name="form2">

// ↓以下、コンボボックス ( ドロップダウンリストボックス? )
<select name="Hoge" onchange="FunctionName(Args.......(略).........)">
<option value="0" selected>起
<option value="1 " >

<option value="2 " >

<option value="3 ">

</select>

</form>

<tr><td colspan="3" align="center">
<iframe width="1200" height="800 "src="/........(Path)......../Hoge.html"></iframe>
</td></tr>

下記のようなHTML(抜粋)のフレーム内(子)から、フレームの外側(親)のコンボボックスの値を変更(現在は「起」が選択されていますが、例えば、これを「承」に変更)したいのですが、JavaScriptをどのように記述すればよいでしょうか?

Top.Hoge ( または、Parent.Hoge ) の後の書き方がわかりません。
(手持ちの書籍は一通り調べてみたのですが、探し方が悪いのか・・・?)

ご存知の方、コメントを頂けると助かります。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="j...続きを読む

Aベストアンサー

ちょっとしたサンプルを作りました。如何でしょうか。

Test.html
'************************************************
<form name="form2">
<select name="Hoge">
<option value="0" selected>起
<option value="1">承
<option value="2">転
<option value="3">結
</select>
</form>
<iframe src="Hoge.htm"></iframe>
'************************************************

Hoge.html
'************************************************
<script language="javascript">
<!--
function setCombo(obj)
{
parent.form2.Hoge.value = obj.value;
}
//-->
</script>
<input type="radio" name="ttt" value="0" onclick="setCombo(this)">起
<input type="radio" name="ttt" value="1" onclick="setCombo(this)">承
<input type="radio" name="ttt" value="2" onclick="setCombo(this)">転
<input type="radio" name="ttt" value="3" onclick="setCombo(this)">結
'************************************************

ちょっとしたサンプルを作りました。如何でしょうか。

Test.html
'************************************************
<form name="form2">
<select name="Hoge">
<option value="0" selected>起
<option value="1">承
<option value="2">転
<option value="3">結
</select>
</form>
<iframe src="Hoge.htm"></iframe>
'************************************************

Hoge.html
'************************************************
<script language="javascript">
<!--
function setCo...続きを読む

Qインラインフレームで組まれたHTMLで子フレームより、親フレームのUR

インラインフレームで組まれたHTMLで子フレームより、親フレームのURLを参照したいです。
parent.locationで参照出来ることは、わかったのですが、サイトの制御がかかっているようで
これは、使えないようです。

サイトは、楽天です。

他に何か方法があればと思うのですが、
ご教授のほど、お願い致します。

Aベストアンサー

楽天に限らず、javascriptで他のサイトのコンテンツにアクセスする事は出来ません。
<iframe>でも<frameset>でもajaxでも不可能です。
どうしても、自サイト内に別途代理応答的な動きをするプログラムが必要です。
楽天の何を取得したいのかわかりませんが、RSS Feedみたいな特定のXMLなら
アクセス用のAPIサービスを提供しているサイトもありますが...
http://code.google.com/intl/ja/apis/ajax/documentation/
http://code.google.com/intl/ja/apis/ajaxlanguage/documentation/
http://developer.yahoo.co.jp/
http://pipes.yahoo.com/poolmmjp/feed_api
http://www.ajax-cross-domain.com/

QHTMLフォームボタンによるターゲットフレームを指定したリンク

上下にフレーム分割してあり、上をname="header",下をname="contents"としてあります。


head側のHTMLに記述したフォームボタンを押すと、親ウインドウ(target="_parent")に
リンク指定先が展開されるようにしたいのですが下記の記述ではうまくいきません。
意図した親ウィンドウでなく、head側のフレーム内に展開されてしまいます。

<input type="button" name="01a" value="前へ" onclick="parent.head.location.href='../hoge1/1.htm'">
<input type="button" name="03a" value="目次" onclick="parent.head.location.href='../index.html'">
<input type="button" name="03a" value="次へ" onclick="parent.head.location.href='../hoge3/3.htm'">

参考にしたのは以下ですが、何が誤っておりますでしょうか。よろしくお願い致します。
http://www.west-mira.jp/javascript/link/button2.html

上下にフレーム分割してあり、上をname="header",下をname="contents"としてあります。


head側のHTMLに記述したフォームボタンを押すと、親ウインドウ(target="_parent")に
リンク指定先が展開されるようにしたいのですが下記の記述ではうまくいきません。
意図した親ウィンドウでなく、head側のフレーム内に展開されてしまいます。

<input type="button" name="01a" value="前へ" onclick="parent.head.location.href='../hoge1/1.htm'">
<input type="button" name="03a" value="目次" onclick="pa...続きを読む

Aベストアンサー

おそらく次のような構成になっているのかと思います。
<frameset>
<frame name="header">
<frame name="contents">
</frameset>
このとき、
headerから、ひとつ上の親にリンクを展開しようとすると、つまりフレーム構成がはずれる、ということですよね?

でしたら、
parent.location.href="URL"
が正しい記述です。
parent.(フレーム名).location.href="URL"
ですから、親ウインドウを基準にして
指定したheadフレームにリンクを展開していることになります。

Qフレームありのページにリンクしてさらにそこに表示するHTMLも指定する

まずフレームのなしのページ(以降A)からフレームありのページ(以降B)へリンクさせます。
そしてBは毎回違うものを表示したいのです。
そこで、今まではAのリンク先を常にBにしてBのフレームのソースを毎回書き換えてました。例えば以下のmain001.hrmlをmain002.htmlにしたりして。
<FRAME name="header" scrolling="NO" src="header.html" frameborder="NO" noresize>
<FRAME name="main" src="main001.hrml" scrolling="AUTO" frameborder="NO" noresize>
ですが、毎回このフレームのソースを買えるのではなく、
Aのリンクの記述を変えることでBのフレームのmainのHTMLを変更したいのです。
要はフレームのページへリンクしてさらにそこに表示するHTMLもリンクもとのページから制御したいのです。
できるんでしょうか?
お願いいたします。

Aベストアンサー

<A>タグの中でファイル名を指定する事は可能ですよ。

<script language="JavaScript">
function framepage(filename) {
document.open();
document.write("<frameset rows='30%,*'>");
document.write("<frame name='header' src='header.html'>");
document.write("<frame name='main' src=" + filename + ">");
document.write("</frameset>");
document.close();
}
</script>

<a href="javascript:framepage('main001.html')">リンク</a>
----------------------------------------------------------------------

書き換えた箇所は以下の3行

1.'main001.html'を引数に指定。
<a href="javascript:framepage('main001.html')">リンク</a>

2.引数を filename という変数で受け取る
function framepage(filename) {

3.変数を使用する。
document.write("<frame name='main' src=" + filename + ">");

<A>タグの中でファイル名を指定する事は可能ですよ。

<script language="JavaScript">
function framepage(filename) {
document.open();
document.write("<frameset rows='30%,*'>");
document.write("<frame name='header' src='header.html'>");
document.write("<frame name='main' src=" + filename + ">");
document.write("</frameset>");
document.close();
}
</script>

<a href="javascript:framepage('main001.html')">リンク</a>
-----------------------------------------...続きを読む


人気Q&Aランキング

おすすめ情報