'javascript'에 해당되는 글 2건

  1. 2008.10.30 [Ajax] innerHTML 삽입시
  2. 2008.01.05 아이프레임 리사이즈 문제 해법

[Ajax] innerHTML 삽입시

|

innerHTML 을 이용하여 내용을 삽입할 때,
삽입할 내용에

<html><head></head><body></body></html>

이러한 완전한 구조의 html문서가 포함되어있을 경우
body의 backgroundImage가 초기화 되는 등의 영향을 미칠 수 있다.(firefox에서..)

IE에서도 페이지 첫 로딩시에 innerHTML로 삽입될 경우 오류창이 뜬다.


해결책)
삽입할 내용 중에서 <body></body>안에 들어있는 알맹이만 빼고
나머지는 제거해줘야 안전하게 돌아간다.

또한, innerHTML 삽입은 body 엘리먼트 로딩이 끝난 후 진행되도록 처리한다.
예) document.body.onload = functino { abc() }
And

아이프레임 리사이즈 문제 해법

|

How To Resize an IFrame to the Size of Its Contents Without Displaying Scroll Bars

Article ID : 278469
Last Review : November 23, 2006
Revision : 4.1
This article was previously published under Q278469

SUMMARY

In certain situations, you may want to resize an IFrame so that all of its document contents are visible, but no scroll bars are displayed on the page. This article describes how to do this.

Back to the top

MORE INFORMATION

To determine the size of the IFrame's contents, you must access the height and width properties of the underlying IFrame document. Because you only have scripting access to pages that are hosted in the same domain, you can only access the properties to the pages that are hosted within the same domain (for example, Cross Frame Scripting). Therefore, the source document of the IFrame must be from the same domain as the page that contains the IFrame.

The following code demonstrates how to resize an IFrame in this way. Create a new .htm document, and paste the following HTML code. In the SRC attribute for the IFrame, you must supply an HTML page from the same domain that the IFrame loads.

NOTE: This technique may not work correctly if there are absolutely positioned elements that are residing within the IFrame.
<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
<!--
function reSize()
{
	try{	
	var oBody	=	ifrm.document.body;
	var oFrame	=	document.all("ifrm");
		
	oFrame.style.height = oBody.scrollHeight + 
(oBody.offsetHeight - oBody.clientHeight); oFrame.style.width = oBody.scrollWidth +
(oBody.offsetWidth - oBody.clientWidth); } //An error is raised if the IFrame domain !=
its container's domain catch(e) { window.status = 'Error: ' + e.number + '; ' + e.description; } } //--> </SCRIPT> </HEAD> <BODY onload=reSize()> <iframe onresize=reSize() id=ifrm src=YOUR_PAGE_HERE></iframe> </BODY> </HTML>
This example uses try and catch to check for domain consistency, which are only available with Internet Explorer 5 and later. This error checking is included for illustration purposes and is not absolutely necessary; it only allows the script to fail gracefully.

Microsoft provides programming examples for illustration only, without warranty either expressed or implied, including, but not limited to, the implied warranties of merchantability and/or fitness for a particular purpose. This article assumes that you are familiar with the programming language being demonstrated and the tools used to create and debug procedures. Microsoft support professionals can help explain the functionality of a particular procedure, but they will not modify these examples to provide added functionality or construct procedures to meet your specific needs. If you have limited programming experience, you may want to contact a Microsoft Certified Partner or the Microsoft fee-based consulting line at (800) 936-5200. For more information about Microsoft Certified Partners, please visit the following Microsoft Web site:
https://partner.microsoft.com/global/30000104 (https://partner.microsoft.com/global/30000104)
For more information about the support options that are available and about how to contact Microsoft, visit the following Microsoft Web site:
http://support.microsoft.com/default.aspx?scid=fh;EN-US;CNTACTMS (http://support.microsoft.com/default.aspx?scid=fh;en-us;cntactms)

Back to the top

REFERENCES

For additional information, click the article number below to view the article in the Microsoft Knowledge Base:
167796 (http://support.microsoft.com/kb/167796/EN-US/) PRB: Permission Denied Error Message When Scripting Across Frame
For more information about measuring element dimensions and locations, see the following Microsoft Developer Network (MSDN) Web site:
http://msdn.microsoft.com/workshop/author/om/measuring.asp (http://msdn.microsoft.com/workshop/author/om/measuring.asp)
For more information about developing Web-based solutions for Microsoft Internet Explorer, visit the following Microsoft Web sites:
http://msdn.microsoft.com/ie/ (http://msdn.microsoft.com/ie/)

http://support.microsoft.com/iep (http://support.microsoft.com/iep)

Back to the top

And
prev | 1 | next