<a>リンクでtarget="_blank"を使用して別タブで開く際、iframe内に中身を開きたい

Question

###前提・実現したいこと
現在、資料のリストから選択した際に
target="_blank"を使用して別タブで開くようにしています。

これを、iframeのあるページを開き、
iframeの中に、その資料を開く ようにしたいのです。

イメージとしては以下のような感じです。

list.html

id link
1 第１部資料(1st.html)
2 第２部資料(2nd.html)
3 第３部資料(3rd.html) ←Click
4 第４部資料(4th.html)

↓

(別タブ)
if.html(iframeがある画面）
iframe内に 第3部資料の3rd.htmlが開いた状態で開く

よろしくお願いします。

Answer 1

【HTML5/埋め込み/iframe要素 インラインフレームに名前を付ける - TAG index】
http://www.tagindex.com/html5/embed/iframe_name.html

Comments

[Ruse]

回答ありがとうございます。
ただ、<a href="ファイル名" target="インラインフレームのname">の形で実際に試した場合、別タブにて、ファイルが開かれるだけに留まってしまいました。

[kei344]

リンク先のサンプルも別タブで開きますか？

[Ruse]

リンク先のものは同じページ内のiframe内に表示されます。
が、今行いたい事としては、別ページのiframeで開く事なので、少し異なります

[kei344]

あぁ、勘違いしていました、すいません。

> 別ページのiframeで開く
HTMLだけではなんともならないと思います。（JavaScriptでタブ間で通信する以外の方法を思いつきません）

【window.postMessage - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/postMessage

[Ruse]

Javascriptを使用しないと無理そうですね……
教えて頂いたURLを参考にして、一度作成してみようと思います。有難うございました。