2013-06-30 20 views
5

Simli bir ihtiyacım var. İçinde bazı metin içeriği görüntülediğim bir etiketim var.iframe ile statik metin içeriği görüntüleme

Aynı metin içeriğini 'da görüntülemek istiyorum. Başaramaya çalıştığım aşağıda yazdım. Herkes yardım edebilir mi?

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

, ben, bunun http://www.w3schools.com/html/html_iframe.asp üzerinde – designtocode

cevap

4

bir statik HTML sitesi ise, göstermek ve ait src ayarlamak istediğiniz içeriği ile yeni bir sayfa oluşturun. Bir dinamik sayfa uygulama (sunucu tarafı) ise

, bir new page veya handler veya controller (geçerli olursa olsun) ve set src oluşturun.

Bunlar, gerçekleştirmek istediğiniz şeyi başarmanın en iyi ve en basit yoludur.

+0

Teşekkür kadar okumanızı öneririz dediğin gibi "show" eylemi olan bir kontrolör var ve biraz id alır. Şimdi bu src = src = "controllerName/action/id" yazmaliyim. ?? – shettarvinay

+0

Böyle yazabilirsiniz - 'src ="/ControllerName/Action/ID "'. Lütfen başka bir StackOverFlow ziyaretçisi için cevabı kabul edildi olarak (eğer size yardımcı olduysa) işaretleyin. –

+0

Harika çalışıyor. Teşekkürler :) – shettarvinay

3

İlginç olduğunu düşündüğüm iframe ile ilgili bir şey daha buldu. Pencerenin içeriğine göre iframe'un yüksekliğini ve genişliğini otomatik olarak düzeltebilirsiniz. Yapmanız gereken tek şey, aşağıda yazılmış komut dosyasını dahil etmektir ve iframe'un id'unu geçmeniz yeterlidir. Benim bir tane daha sorgu lütfen cevap olsaydı

Eğer Iframe'ler nasıl çalıştığını anlamıyorum gibi görünüyor
<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> 
İlgili konular