<HTML><HEAD><TITLE>Four Cool Ways to Use The Popup Object</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT>
<!--
var oPopup = window.createPopup();
function richDialog()
{
oPopup.document.body.innerHTML = oDialog.innerHTML;
oPopup.show(100, 50, 400, 300);
}
-->
</SCRIPT>
<META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
<BODY οnlοad=richDialog()>
asdfasdfsadsdsadf
<DIV id=oDialog style="DISPLAY: none">
<DIV id=myid style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: white 1px solid; PADDING-LEFT: 18px; BACKGROUND: #cccccc; LEFT: 0px; PADDING-BOTTOM: 10px; FONT: 10pt tahoma; BORDER-LEFT: white 1px solid; WIDTH: 100%; PADDING-TOP: 10px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
<B>Rich Message Boxes</B>
<HR style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" SIZE=1>
<DIV style="FONT-SIZE: 80%; WIDTH: 220px; LINE-HEIGHT: 1.5em; FONT-FAMILY: tahoma">
<BR>This message box is written entirely in Dynamic HTML (DHTML) using Cascading Style
Sheets (CSS). You can dynamically change properties of this message box. For
instance, click the button below to change the color of the popup object.
<BR><BR><BR><BUTTON style="BACKGROUND: #cccccc"
οnclick="myid.style.backgroundColor='#FFCC00';" tabIndex=-1>Change
Color</BUTTON> </DIV>
<BR><BR>
<BUTTON style="BORDER-RIGHT: black 1px solid; BORDER-TOP: white 1px solid; BACKGROUND: #cccccc; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: black 1px solid" οnclick=parent.oPopup.hide(); tabIndex=-1>Close Message</BUTTON></DIV>
<DIV style="padding:10px; border-right:1px solid white; border-top:1px solid black; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=gold, EndColorStr=#FFFFFF); LEFT: 256; BORDER-LEFT: 1px solid black; WIDTH: 160; BORDER-BOTTOM: 1px solid white; POSITION: absolute; TOP: 78; HEIGHT: 192; font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:tahoma">
<B>DHTML Content</B>
<HR style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" SIZE=1>
It's easy to put content in a custom message box </DIV></DIV>
<DIV></DIV>
<DIV id=oToolTip style="DISPLAY: none">
<DIV style="BORDER-RIGHT: black 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: black 2px solid; PADDING-LEFT: 10px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=gold, EndColorStr=#FFFFFF); LEFT: 0px; PADDING-BOTTOM: 10px; FONT: 10pt tahoma; BORDER-LEFT: black 2px solid; WIDTH: 100%; PADDING-TOP: 10px; BORDER-BOTTOM: black 2px solid; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
<B>Custom ToolTips</B>
<HR style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" SIZE=1>
Now you can create ToolTips that are enhanced by DHTML. </DIV></DIV>
<DIV id=oContext style="DISPLAY: none">
<DIV style="BORDER-RIGHT: black 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: black 2px solid; PADDING-LEFT: 10px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=gold, EndColorStr=#FFFFFF); LEFT: 0px; PADDING-BOTTOM: 10px; FONT: 10pt tahoma; BORDER-LEFT: black 2px solid; WIDTH: 100%; PADDING-TOP: 10px; BORDER-BOTTOM: black 2px solid; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
<B>Custom ToolTips</B>
<HR style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" SIZE=1>
Now you can create ToolTips that are enhanced by DHTML. </DIV></DIV>
<DIV id=oContext2 style="DISPLAY: none">
</DIV>
</BODY></HTML>