<HTML>
<HEAD><TITLE>Visibility
Demo</TITLE>
<STYLE>
P
{font-weight:bold}
</STYLE>
<SCRIPT
language=jscript>
<!--
function
change_visibility() {
if (MyDiv1.style.visibility == "hidden")
{
MyDiv1.style.visibility =
"visible";
}
else
{
MyDiv1.style.visibility =
"hidden";
}
}
function change_display()
{
if (MyDiv2.style.display == "")
{
MyDiv2.style.display =
"none";
}
else
{
MyDiv2.style.display=
"";
}
}
-->
</SCRIPT>
<META
HTTP-EQUIV="Content-Type" CONTENT="text/html;
CHARSET=iso-8859-1">
<META NAME="AUTHOR"
CONTENT="InetSDK">
<META NAME="MS.LOCALE"
CONTENT="EN-US">
<META NAME="ROBOTS" CONTENT="noindex">
<!-- SAMPLE_STYLE_START -->
<LINK REL="stylesheet"
HREF="../../../../../workshop/basicsdkie4.css" TYPE="text/css">
<!--
SAMPLE_STYLE_END
-->
</HEAD>
<!--TOOLBAR_START-->
<!--TOOLBAR_EXEMPT-->
<!--TOOLBAR_END-->
<BODY TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF"
LINK="#000000" VLINK="#808080" ALINK="#000000">
<BLOCKQUOTE
CLASS="body">
<P>Click the Button to change the visibility of the
DIV</P>
<P><DIV ID="MyDiv1"
STYLE="position:relative;top:10;left:20;height:100;width:100;
visibility:hidden;background-color:blue"></DIV></P>
<P>A paragraph below the DIV object</P>
<P><BUTTON
onclick="change_visibility()"
style="background-color:blue;color:white">
Change
Visibility
</BUTTON></P>
<HR>
<P>Click the Button to change the display of the
DIV</P>
<P><DIV ID="MyDiv2"
STYLE="position:relative;top:10;left:20;height:100;width:100;
display:none;background-color:green"></DIV></P>
<P>A paragraph below the DIV object</P>
<P><BUTTON
onclick="change_display()"
style="background-color:green;color:white">
Change
Display
</BUTTON></P>
<!-- START_PAGE_FOOTER
-->
<BR><BR><BR>
© <A CLASS="clsIncCpyRt"
HREF="http://msdn.microsoft.com/isapi/gomscom.asp?target=/misc/cpyright.htm"
TARGET="_top">2000 Microsoft Corporation. All rights reserved. Terms of
use</A>.
<!-- END_PAGE_FOOTER
-->
</BLOCKQUOTE>
</BODY>
</HTML>
MSDN을 찾아보니..
IHTMLStyle::display = none reserves no space for the object on the screen. 처럼 공간을 차지하지 않는 상태로 Display되고, IHTMLStyle::visibility는 공간을 차지한 채로 출력하는 차이점이 있더군요..
'Information' 카테고리의 다른 글
| 체크박스 전체선택 (0) | 2007.03.26 |
|---|---|
| CD 케이스접기-A4 (0) | 2007.03.25 |
| DATETIME 포맷 변환하기 (0) | 2007.03.22 |