私はシンプルな要件を持っています。私はテキストコンテンツを表示している<div>
タグを持っています。iframeで静的テキストコンテンツを表示する
同じテキストコンテンツをに表示したいとします。私が達成しようとしていることは以下のとおりです。誰でも助けてくれますか?
<b>
<div>This is a content which I want to display in iframe</div>
<iframe id="iframe" src=""></iframe></b>
私はシンプルな要件を持っています。私はテキストコンテンツを表示している<div>
タグを持っています。iframeで静的テキストコンテンツを表示する
同じテキストコンテンツをに表示したいとします。私が達成しようとしていることは以下のとおりです。誰でも助けてくれますか?
<b>
<div>This is a content which I want to display in iframe</div>
<iframe id="iframe" src=""></iframe></b>
それは静的HTMLサイトである場合、あなたはのsrc
を表示し、設定したい内容で新しいページを作成します。それは動的ページアプリケーション(サーバ側)がある場合
は、のnew page
またはhandler
またはcontroller
(適用されるものは何でも)と設定src
を作成します。
これは、達成したいことを達成するための最も簡単で簡単な方法です。
おかげでその上に読んで示唆に見えますあなたが言ったように、私はアクション "ショー"といくつかのIDを持っているコントローラを持っている。 src = "controllerName/action/id"と書くとiframeのsrcにあります。 ?? – shettarvinay
'src ="/ControllerName/Action/ID "'のように書くことができます。あなたが他の仲間のStackOverFlow訪問者のために受け入れられたと回答をマークしてください。 –
それはうまく動作します。ありがとう:) – shettarvinay
興味深いと思うiframeに関連するもう1つの事が見つかりました。 ウィンドウの内容に応じて、iframe
の高さと幅を自動修正できます。 あなたがする必要があるのは、以下に書かれたスクリプトを含めるだけで、iframe
のid
を渡すだけです。
<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>
それは、あなたは、アイフレームがどのように機能するかを理解しないようにあなたが私のもう一つのクエリに応答してくださいすることができれば、私は、http://www.w3schools.com/html/html_iframe.asp – designtocode