iframe - ログインページのような別のページを表示するためにThickboxはどのように機能しますか?

Question

ページを iframe に表示したいので、iframe コンテンツのリンクをクリックすると、同じ iframe に表示されるはずです。

このサイトをチェックしてください。そして、iframe がどのように他のサイトをサーフィンできるようにするかを見てください。

Answer 1

これは特別なことではなく、iframe のしくみです。

ただし、これらのサイトのいずれかに

<a href="LINK" target="_top">text</a>

iframe から抜け出し、メイン ページに読み込まれます。

iframe が target=_top リンクを使用してウィンドウを引き継ぐのを止める方法はありません。親ウィンドウから iframe 内の他の人のコンテンツを変更することはできません。これを行うことを妨げるクロスフレームの会話にはセキュリティ上の問題があります。

Thickbox を使用すると、html ファイルをロードするだけで、iframe に残したいページに target=_top が含まれていないことを確認できます。

したがって、ThickBox の例からいくつかの jQuery を使用してコピー & ペーストします。

<script>
  var height = 300;
  var width  = 300;
  $(function(){
     $("#execute").click(function(){
         $("#link1").attr('href',$('#go').val() + "?height=" + height *"&width=" + width).trigger('click');
     });
  });
</script>

<input type="text" name="go" id="go" />
<button id="execute">Go >></button>

<a id="link1" href="ajaxOverFlow.html?height=300&width=300" title="add a caption to title attribute / or leave blank" class="thickbox">Scrolling content</a>  

Answer 2

Faceboxプラグインは、Thickbox 方式でリモート ページを取り込みます。