2013-06-30 70 views
5

Tôi có một yêu cầu rất đơn giản. Tôi có một thẻ <div> trong đó tôi hiển thị một số nội dung văn bản.Hiển thị nội dung văn bản tĩnh với iframe

Tôi muốn hiển thị cùng một nội dung văn bản trong một . Những gì tôi đang cố gắng đạt được tôi đã viết dưới đây. Có ai giúp đuợc không?

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

Dường như bạn không hiểu làm thế nào iframe làm việc, tôi khuyên bạn nên đọc lên trên nó http://www.w3schools.com/html/html_iframe.asp – designtocode

Trả lời

4

Nếu nó là một tĩnh trang web HTML, tạo ra một trang mới với nội dung mà bạn muốn hiển thị và thiết lập các src của .

Nếu nó là một ứng dụng trang năng động (server side), tạo một new page hoặc handler hoặc controller (bất cứ áp dụng) và thiết lập src của .

Đây là những cách tốt nhất và đơn giản nhất để đạt được những gì bạn muốn thực hiện.

+0

Cảm ơn, Nếu bạn có thể vui lòng trả lời một truy vấn nhiều hơn tôi, như bạn đã nói tôi có một bộ điều khiển có hành động "hiển thị" và có một số id. vì vậy bây giờ trong src iframe tôi nên viết này src = "controllerName/action/id". ?? – shettarvinay

+0

Bạn có thể viết như thế này - 'src ="/ControllerName/Action/ID "'. Vui lòng đánh dấu câu trả lời là được chấp nhận (nếu nó đã giúp bạn) cho những người truy cập StackOverFlow khác. –

+0

Tuyệt vời đó là làm việc tốt. Cảm ơn :) – shettarvinay

3

Tìm thấy một điều nữa liên quan đến iframe mà tôi cho là thú vị. Bạn có thể tự động sửa chiều cao và chiều rộng của iframe theo nội dung của cửa sổ. Tất cả những gì bạn cần làm là bao gồm tập lệnh được viết bên dưới và chỉ cần chuyển số id của số iframe.

<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> 
Các vấn đề liên quan