2013-06-30 10 views
5

私はシンプルな要件を持っています。私はテキストコンテンツを表示している<div>タグを持っています。iframeで静的テキストコンテンツを表示する

同じテキストコンテンツをに表示したいとします。私が達成しようとしていることは以下のとおりです。誰でも助けてくれますか?

<b> 
<div>This is a content which I want to display in iframe</div> 
<iframe id="iframe" src=""></iframe></b> 
+1

それは、あなたは、アイフレームがどのように機能するかを理解しないようにあなたが私のもう一つのクエリに応答してくださいすることができれば、私は、http://www.w3schools.com/html/html_iframe.asp – designtocode

答えて

4

それは静的HTMLサイトである場合、あなたはのsrcを表示し、設定したい内容で新しいページを作成します。それは動的ページアプリケーション(サーバ側)がある場合

は、のnew pageまたはhandlerまたはcontroller(適用されるものは何でも)と設定srcを作成します。

これは、達成したいことを達成するための最も簡単で簡単な方法です。

+0

おかげでその上に読んで示唆に見えますあなたが言ったように、私はアクション "ショー"といくつかのIDを持っているコントローラを持っている。 src = "controllerName/action/id"と書くとiframeのsrcにあります。 ?? – shettarvinay

+0

'src ="/ControllerName/Action/ID "'のように書くことができます。あなたが他の仲間のStackOverFlow訪問者のために受け入れられたと回答をマークしてください。 –

+0

それはうまく動作します。ありがとう:) – shettarvinay

3

興味深いと思うiframeに関連するもう1つの事が見つかりました。 ウィンドウの内容に応じて、iframeの高さと幅を自動修正できます。 あなたがする必要があるのは、以下に書かれたスクリプトを含めるだけで、iframeidを渡すだけです。

<iframe src="" width="100%" id="idIframe" onload="autoResize('idIframe');" ></iframe>  

<script> 
function autoResize(id) 
{ 
    var newheight; 
    var newwidth; 
    if(document.getElementById) 
    { 
     newheight=document.getElementById(id).contentWindow.document .body.scrollHeight; 
     newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth; 
    } 
    document.getElementById(id).height= (newheight) + "px"; 
    document.getElementById(id).width= (newwidth) + "px"; 
} 
</script> 
関連する問題