[解決済み] iframeでページの特定部分のみを表示する

質問

iframeに取り組んでいるのですが、ページのある部分（例えば右上）を幅300px、高さ150px程度のiframeで表示する必要があります。

例です。

例えば iframe の www.mywebsite.com/portfolio.php を表示し、iframeは"だけを表示するサイズにします。 ポートフォリオ-スポーツ のセクションを表示します。 右上 .

どうすれば実現できますか？

ありがとうございます。

EDIT : デモ

[ とんがりさんに感謝 ]。

どのように解決するのですか？

以下の通りです。 <iframe> は、作業するための完全なウィンドウを提供します。あなたが望むことを実現する最も直接的な方法は、表示したい部分のみを含む完全なページをサーバーに提供させることです。

別の方法として、単純な <div> を使用し、jQuery "load"関数を使ってページ全体を読み込み、必要な部分だけを抜き出すことができます。

$('#target-div').load('http://www.mywebsite.com/portfolio.php #portfolio-sports');

他にも必要なことがあるかもしれませんが、大きな違いは、コンテンツが別ウィンドウに分離されるのではなく、メインページの一部となることです。