• 締切済み

【JS】(同ページの)iframe内に別頁を表示

JavaScriptに関する質問です。iframe内に、別のページを表示したいのですが、この際JavaScriptではどのような指示で実現できるのか教えていただけませんか。 よろしくお願いします。

noname#247225
noname#247225

みんなの回答

  • asciiz
  • ベストアンサー率70% (6642/9410)
回答No.2

<iframe id="iframe_name" sandbox></iframe> が書いてあるとして、 var iframe = document.getElementById("iframe_name"); iframe.src = "./file.html"; のようにすると内容の置き換えが可能です。

noname#247225
質問者

お礼

ありがとうございました。

回答No.1

https://okwave.jp/qa/q9868089.html こちらの件、 >【JS】htmlの特定要素内で条件分岐を行いたい と回答は同じになりますが。 iframeにIDを振ればJSから別々に制御できるので、 同じように処理できますよ。

noname#247225
質問者

お礼

ありがとうございました。

noname#247225
質問者

補足

具体的な方法例を求めています。

関連するQ&A

  • 別のページにあるiframeに、CGIの結果を表示させたい。

    こんにちわ。javascriptで出来るという噂を聞いたのですがjavascriptは初心者でして、どうしたら良いものか分からず、助けを求めております…。 indexというページに、CGIへの結果のリンク一覧が掲載してありまして、それをクリックすると、kekka.htmlの中のiframeに呼び込まれて、kekka.htmlが表示される、というのは出来るのでしょうか…。 色々調べてみたのですが、iframeを2つ以上制御する、というのですとかはあったのですが、違うページの中のiframeを制御、という方法がわからなくて…。 大変分かりづらい質問でスミマセンが教えて頂けますと幸いです。どうぞ宜しくお願いいたします。

  • iframeから別ページへの表示

    <li><a href="iexample_a.html" target="example1">上のフレームにサンプル1を表示</a></li> <li><a href="iexample_b.html" target="example1">上のフレームにサンプル2を表示</a></li> <p><iframe src="iexample_a.html" width="300" height="80" name="example1">代替内容</iframe></p> という形で、iframeを作って表示させたのですが、そのiframeの下にボタンか<a href="" "" target="_blank"で、そこをクリックすることで、その表示画面を別のページに表示させたいのですが、リストからiframe内に画像を表示させていて、<a href=" "の" "は空欄のままなので、うまく出来ません。 これはあきらめるしかないのでしょうか? それとも、リストのURLをどこかホームページ内に表示させることが出来るのでしょうか? リストによってつぎづぎに変わる画像を別ページで大きく表示させたいので、このような質問になりました。 初心者ですので、あまり難しいことは分かりませんが、教えていただける方、よろしくお願いいたします。

  • iframeから別ページのiframeへのリンク

    iframeに関する質問です。 iframe内リンク から別ページの iframe 内のアンカーへの移動は可能でしょうか? ======ページ構成は以下の通りです。====== A_01.html (親ページ) A_02.html (A_01のiframe (子) ページ) B_01.html (親ページ) B_02.html (B_01のiframe (子) ページ) ====================================== ======希望動作====== A_01.html 内に設置してある、iframe A_02.html のリンクをクリックし、 別ページでB_01.html 内に設置してある iframe B_02.html のアンカー先を 表示したいと思っております。 ==================== 色々と試してはいるのですが上手く行っておりません。 iframeの重複利用は避けたいのですが、色々な制限の為、やもえず使用しております。 何かアドバイスや方法がありましたら宜しくお願い致します。

  • iframe内がページ遷移したらJSで取得したい

    iframeに別ドメインのサイト(googleトップページ)を読み込み、 ページ遷移したら(検索ボタンを押したり、カレンダーやメールなどのリンクを押したら)、 親ページのJavascriptの関数を呼ぶようにしたいのですが、 上記のようにiframe内でページ遷移したかどうかを親ページが取得する事は可能なのでしょうか。 宜しくお願いいたします。

  • 元ページのiframe内リンクから、ターゲット_blankで開いた別窓

    あるページがあり、そこにはiframeが設定されていたとします。そのiframe内にリンクがあり、それを押すと別窓が開きます。 その別窓の中にあるリンクを押すと、元ページ全体を別のURLに変更し、同時にその別窓も閉じるような事はできますでしょうか? ただ、前提としてiframeからのリンクはあくまでターゲット_blankです。javascriptは使いません。 現状では、別窓にjavascriptを記述し、元ページに変更を加えるようにしたのですが、どうしてもiframeの中が変わるだけになってしまいます。 良い方法はありませんか?

    • ベストアンサー
    • HTML
  • IFRAMEの表示/非表示を切り替えたい

    こんにちは。初歩的な質問ですが、タイトルの件についてです。 JavaScriptを使ってIFRAMEの表示/非表示を切り替えたいのですが、早速つまづいてしまいました。 以下がソースです。(JavaScript呼び出し部分は省略します。) ■IFRAME部分■ <iframe src="test.html" style=" visibility:visible;" name="test"> </iframe> ■JavaScript部分■ <SCRIPT Language="JavaScript"> <!-- function test() { window.document.test.style.visibility = hidden; } // --> </SCRIPT> よろしくお願いします。

  • ページの中に別のページを読み込むには?

    ページの中の一部分に別のページを読み込む方法がわかりません。 具体的に何をしたいかというと、ページ表示ごとに別のページを読み込んで別のお知らせをできるようにしたい。 →JavaScriptで、文字だけをランダムに表示するならば、たとえば、ステータスバーに表示させる方法があげられますよねぇ。 でも、画像は無理です。 そんなわけで、ページの中にページを読み込みたいのです。ほかの方法は使いません。 考えていたら、iframeなどでできるかなって思ったりもしますが、よくわかりません。たとえばーでいいので、ランダムにページを読み込むソースを教えて頂けないでしょうか?

  • iframe内から外のjavascriptを動かす

    cgiを使ってiframe内にコンテンツを表示させていて、 iframe内にどれを表示するかはiframe外のjavascriptで操作しています。 他のページからこのページへアクセスしたときに、 どのiframeを表示するか指定したいのですが、どのようにすればいいのでしょうか? ちなみにcgiはmovabletypeを使っています。 できれば、iframeにアクセスした際に、iframe外も自動で表示されるようにしたいです。 (iframeのアドレスにアクセスするとコンテンツがページの真ん中にポツンと表示されてしまうので) まだ本当に始めたばかり初心者なので、右も左もわからないのですが どうぞよろしくお願いいたします。

  • iframeの中のページのリンクを全て別窓に

    iframe内で表示するページのリンクを全てtarget=_blankしたとの同じように、別窓で開くようにしたいんですが、 iframe内で表示するページは外部リンクで、編集する事ができないので、iframeを設定しているページで設定したいんですが、可能でしょうか? よろしくお願いしますm(_ _)m

    • ベストアンサー
    • HTML
  • iframe内のメニューをクリックで変更したい

    ホームページビルダーでHPを作成しています。 2カラムのページで、左側のカラムにメニューがあります。 複数ページ作成するので、メニューは手間を省けるiframeで表示させようと思っています。 iframeのメニューは基本的には日本語ですが、ボタンを押すと 英語と中国語にメニューに入れ替わるようにしたいと思っています。 どのようにすれば、上記が実現できるでしょうか? ※Javascriptを使用しないと実現できないでしょうか?できれば、Javascript無しで実現したいと考えています。 どうぞ、アドバイスをよろしくお願い致します。 m(_ _)m

    • ベストアンサー
    • HTML

専門家に質問してみよう