「夫を成功」へ導く妻の秘訣 座談会

頁内にインラインフレームを二つ配置し、一方はメニュー、一方は本文という形式にしようと思っています。インラインフレームのある頁の画像にリンクを貼って、それをクリックするとメニューフレームにメニュー頁を、メインフレームに本文頁を一度に表示するようにしたいのですが、ウェブ上で見つけたそれらしいスクリプトは上手く動きませんでした。自分の持っているJAVAScriptの本を見ると、アイフレームを使っているからリンク先の指定が上手くいっていないように思えます。アイフレーム使用でこのようなリンクを指定するのは無理なのでしょうか…?? 過去の質問も捜してみましたが分かりませんでした。回答よろしくお願いいたします。

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

A 回答 (1件)

メニューページと本文ページを同時に更新したいのでしょうか。



<a href="#" onclick="parent.body.location.replace('body_next.html');parent.menu.location.replace('menu_next.html');">a</a>

という様な感じでしょうかね。
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人が検索しているワード

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

Q一つのリンクに複数のURLを指定

一つのリンクに複数のURLを指定できますでしょうか?

想像タグ
<a href="http://www.google.co.jp/" & "http://www.yahoo.co.jp/" target="_blank">検索</a>

JavaScriptでも 構いません。



ネットではこんなのが見つかりました。

Bridges  |  BridgeURL
http://bridgeurl.com/

Aベストアンサー

>書籍リストを作っていて、上下巻のある本を一つにまとめたいと考えています。
2つの新規ウィンドウで決まっているなら、簡単に以下の形式でもいけますよ。

タグ例:
<a href="http://www.google.co.jp/" onclick="window.open('http://www.yahoo.co.jp/')" target="_blank">リンク</a>

タグ説明:
<a href="アドレス1" onclick="window.open('アドレス2')" target="_blank">リンク</a>

これなら
<script type="text/javascript"><!--
(省略)
--></script>

は必要ありません。
タグだけでOKです。

Q複数のiframeの読み込みについて

とある事情があり、制限がかなりある中、何とかiframeでやりくりをしていたのですが、
下記の通り(コード、画像参照)ページを組んだところ、
IE11、chrome34.0で確認をしたところ、下記の通り表示がおかしくなってしまいました。
制限が色々あるため、少しイレギュラーなコードの組み方をしており、どこが原因なのかがわからない状態です。

状況などをまとめましたので、お手数おかけいたしますがご教授いただけますでしょうか。



■■■ページの概要について

恐らく下記のコードと添付の画像を見ていただいた方がわかりやすいと思いますが、制限や概要を記述しておきます。

・表示させる方のページをA.html(親ページ)、iframe内で読み込むページをB.html(子フレーム)とします。
・親ページの方にはかなり使用できるタグなどに制限があり、javascriptが使用できません。文字数にも制限があります(子フレームの方は自由です。)
・親ページも子フレームも触れるものの、この2ページは別ドメインです。(下記の例は相対パスで記述しています)
・子フレームの内容は、下記の例では内容が少ないですが、実際にはかなり長いページになります。ただ、ページは分けない方向でお願いします。
・iframeはスクロールが出ないように高さを調節しています。
・ページ内リンクを使用したいのですが、iframe内だけではなく、親ページから見た状態でページの途中に飛ばしたいため、
 親ページの方にページ内リンク用のアンカーをつけ、複数のiframeで子フレームの内容を表示させています。
・子フレームのコンテンツ毎にiframe表示用のアンカーをつけ、親ページで細かくiframeを分けて表示させています。
・(ページ内リンクは親ページの方に記述することも出来ます。)

ちなみに過去に次のような記事を見つけましたが、どちらも試すこともできない状態です。
http://oshiete.goo.ne.jp/qa/1105662.html
http://oshiete.goo.ne.jp/qa/2938546.html



■■■表示のエラーについて(サーバ上でも、ローカルでも同じような状態です。)

・ページを読み込むと、一番上ではなく、一番下のiframeのところで止まります。
 (⇒ページが読み込むと同時に一番上に行ってほしいです。)
・ページ内リンクを付けていますが、リンクを押しても該当のヶ所に飛ばず、
 読み込むように少しページがぶれるのですが、元の位置のままです。
・IE11のみですが、リンクで使用している画像がぼやけて表示されます。
 (外部CSSで文字の背景に設定しています。)



■■■コードについて

◆A.html(親ページ)
※JSは使用不可です。
※<body>は触れません。
※B.htmlのページとは別ドメインです。

<!--ページ内リンク-->
<iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<!--ここから#Baの内容-->
<a name="linkAa" id="linkAa"></a>
<iframe src="B.html#Ba" frameborder="0" width="850" height="580" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<!--ページ内リンク-->
<iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<!--ここから#Bbの内容-->
<a name="linkAb" id="linkAb"></a>
<iframe src="B.html#Bb" frameborder="0" width="850" height="595" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<!--ページ内リンク-->
<iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<!--ここから#Bcの内容-->
<a name="linkAc" id="linkAc"></a>
<iframe src="B.html#Bc" frameborder="0" width="850" height="565" marginwidth="0" marginheight="0" scrolling="no"></iframe>



◆B.html(子フレーム)
※JSは使用可です。

<div class="pageLink">
<a name="Blink" id="Blink"></a>
<ul>
<li><a href="A.html#linkAa" target="_top">#linkAaへリンク</a></li>
<li><a href="A.html#linkAb" target="_top">#linkAbへリンク</a></li>
<li><a href="A.html#linkAc" target="_top">#linkAcへリンク</a></li>
</ul>
</div>

<a name="Ba" id="Ba"></a>
<div>Baの内容</div>

<a name="Bb" id="Bb"></a>
<div>Bbの内容</div>

<a name="Bc" id="Bc"></a>
<div>Bcの内容</div>


以上です。
よろしくお願いいたします。

とある事情があり、制限がかなりある中、何とかiframeでやりくりをしていたのですが、
下記の通り(コード、画像参照)ページを組んだところ、
IE11、chrome34.0で確認をしたところ、下記の通り表示がおかしくなってしまいました。
制限が色々あるため、少しイレギュラーなコードの組み方をしており、どこが原因なのかがわからない状態です。

状況などをまとめましたので、お手数おかけいたしますがご教授いただけますでしょうか。



■■■ページの概要について

恐らく下記のコードと添付の画像を見ていただいた...続きを読む

Aベストアンサー

IEのバグへの対策
・A.html内のナビゲーションリンクはiframeを使わない
・A.html内の最後のiframeはposition:absoluteでトップに移動させる。
の二点でなんとかなりますね。

Q複数フレームへ同時にリンクを挿入することはできますか?

ホームページビルダーver.6を使いフレーム3分割のHP作成をしています。
例えばフレーム(1)で設定したリンク先を
フレーム(2)に表示させたい場合、
Targetでフレーム(2)を指定しますよね。
この場合、指定フレームは1つに限られているわけですが、
複数のフレームを指定でき、
それぞれのフレームに違ったページを開くように
設定することは可能でしょうか?
ご教授よろしくお願いいたします<(_ _)>

Aベストアンサー

>1つのフレーム内の1画像に2つのリンクを貼り、

フレーム
<frameset rows=100,50,*>
<frame src=aaa.html name=a>
<frame src=bbb.html name=b>
<frame src=ccc.html name=c>
</frameset>


画像表示用
<img src="xxx.jpg" onclick="parent.b.location.href='a.htm';parent.c.location.href='b.htm';">



こういう意味ですか?

Q1クリックで、同時に2つのファイル(リンク先)を呼び出す!

説明が少々ややこしいのですが。
現在、Win98/ホームページビルダーでHPを作成中なのですが、手詰まりしています^^;

ファイル(1) diary.htm
ファイル(2) march.htm


固定したウィンドウ内のリンクボタンを押して、
固定したウィンドウ内のページをdiary.htmへ移動。
そして、別ウィンドウで開いているiframeの中身を
march.htmへ移動したいのですが、どのように記述して
いいのか分からないのです。

条件は1(ワンクリック)で行うことです!

説明足らずだとは思いますが、補足は致しますので、
どうぞ教えてください!!!

<A href="../diary.htm" target="_self">先月の日記</A>

今は上記応用しようと粘ったのですが、できないのです・・・

Aベストアンサー

うまくいってよかったです。

えーと、蛇足ですが、JavaScirptの導入について。
実は、

<a href="開きたいファイルのURL" target="iframe" onClick="location.href='../march2003.htm'">先月の日記</A>

この中の

onClick="location.href='../march2003.htm'"

この部分が、今回の動作で使用しているJavaScriptになります。 こちらの動作に関しては、head要素内などを含めて、他の箇所で<script>要素内にプログラムを定義する必要がありません。 ですので、お礼の中にある

<script language="JavaScript"><!--
プログラム
// --></script>

この記述は、この他にJavaScriptを利用している動作がなければ、記述しなくても動いてくれるはずですので、ご確認ください。

あと、厳密なことを言えば、スクリプトを設置するページのhead内には、

<meta http-equiv="content-script-type" content="text/javascript">

という行を追加しておくと、なお良いでしょう。 これは、ページ内で使われているスクリプトがJavaScriptであることを明示するメタタグです。 よくわからないときは、特に記述しなくても大丈夫です。

たびたび失礼しました。

うまくいってよかったです。

えーと、蛇足ですが、JavaScirptの導入について。
実は、

<a href="開きたいファイルのURL" target="iframe" onClick="location.href='../march2003.htm'">先月の日記</A>

この中の

onClick="location.href='../march2003.htm'"

この部分が、今回の動作で使用しているJavaScriptになります。 こちらの動作に関しては、head要素内などを含めて、他の箇所で<script>要素内にプログラムを定義する必要がありません。 ですので、お礼の中にある

<script language="Java...続きを読む

Qインラインフレームの表示位置を指定したい

インラインフレーム自体の表示位置を指定したいと思っています。
ページの大きさに対して中央に、
インラインフレームのページを表示したいと思っているのですが、

横位置は、ALIGN="center"を使って指定出来きましたが、
縦位置の指定が出来ないでいます。

色々と検索してみたのですが、
もしかしたら出来ないのでは。。。とも思っています。
ですが、Web上には中央に配置されるページとかもあるので、
出来ないはずはないのですが、
タグをみても量がおおくてわかりません^^;

恐れ入りますがよろしくおねがいしますm(__)m

Aベストアンサー

高さと幅が固定されていれば、以下のcssが有効のようです。
<style type="text/css">
<!--
#center{
height:200px;
width:500px;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-250px;
border:solid 1px #666666;
}
-->
</style>

<iframe src="" name="" id="center">
インラインフレームを使用しています。
</iframe>

Qインラインフレーム内でリンク移動

親ページ内のインラインフレームに表示したページで、リンク移動をしたいと考えています。
親ページはインラインフレームのみ
※楽●のカテゴリーページのため親ページにJavascriptなどはつけることができません。
インラインフレーム内の表示ページで、
例えば<a href="#sale">セール</a>とリンクを付け、そのインラインフレーム内のページの(id=sale)セールの項目へ移動させたいと考えています。

当初jQueryページ内移動、 
http://web-park.org/javascript/scroll100126.html
上記サイトのコードを使用して試しましたが、インラインフレーム内ではだめでした。
何か上記のサイトのコードを変えればうまくいきそうな気もしましたが初心者なのでだめでした。
jQueryは使わず最も一般的な<a href="#sale">セール</a>⇒id=saleに変えましたが、こちらもインラインフレームではうまくいきません。
なんとかインラインフレーム内に表示するページのコードでリンク移動ができないものでしょうか?
ご存知の方ぜひご教授お願いいたします。

親ページ内のインラインフレームに表示したページで、リンク移動をしたいと考えています。
親ページはインラインフレームのみ
※楽●のカテゴリーページのため親ページにJavascriptなどはつけることができません。
インラインフレーム内の表示ページで、
例えば<a href="#sale">セール</a>とリンクを付け、そのインラインフレーム内のページの(id=sale)セールの項目へ移動させたいと考えています。

当初jQueryページ内移動、 
http://web-park.org/javascript/scroll100126.html
上記サイトのコードを使用して試し...続きを読む

Aベストアンサー

それで問題ないはずです。
一度、
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
などで文法チェックしてみたら??(iframe内で表示するページ)


★:は:に置換してあるので必ず戻すこと

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>
<div>
<h1>インラインフレーム内でリンク移動</h1>
<p>親ページ内のインラインフレームに表示したページで、リンク移動をしたいと考えています。</p>
<p>親ページはインラインフレームのみ</p>
<p>※楽●のカテゴリーページのため親ページにJavascriptなどはつけることができません。</p>
<p>インラインフレーム内の表示ページで、例えば&lt;a href="#sale"&gt;セール&lt;/a&gt;とリンクを付け、そのインラインフレーム内のページの(id=sale)セールの項目へ移動させたいと考えています。</p>
<h2>サンプル</h2>
<p><a href="http:/www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html#minitoc" target="iframe1">iframe内にの目次へリンク</a>こちらでも・・<a href="http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html#toc" target="iframe1">詳細目次</a>でも</p>
</div>
<iframe src="http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html" width="600" height="800" name="iframe1">

</body>
</html>

それで問題ないはずです。
一度、
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
などで文法チェックしてみたら??(iframe内で表示するページ)


★:は:に置換してあるので必ず戻すこと

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>
<div>
<h1>インラインフレーム内でリンク移動</h1>
<p>親ページ内のインラインフレームに表示したページで、リンク移動をしたいと考えています。</p>
<p>親...続きを読む

Qframeset要素を使わずに画面を分割したい

アンテナ(下記サイト)のように左にメニュー画面を、右にコンテンツを表示するホームページを作成したいと考えています。
https://antenna.jp/

ひとつのウインドウで画面を2つにわけるためにはhtmlのframeset要素を使えばできることは把握しているのですが、上記サイトのアンテナではframesetを使わずに画面分割をしています。

見た目やレスポンシブ対応のしやすさも考え、できればframesetを使わずに画面分割を行いたいのですが、どのようにすれば可能でしょうか。
メニュー部分とコンテンツ部分を別々にスクロールできるようにしたいです。

どなたか分かる方教えてください。

Aベストアンサー

長くなるから、参考ページ参照。

参考URL:http://www.geocities.jp/eijispace/2012/0419.html


人気Q&Aランキング