| home / experts / dhtml / column24 |    |
|
Even though users rarely set the active/inactive border color, we will include a one pixel border just in case. Recall that this defaults to the threedface color, unless specifically set.
 | <DIV
STYLE="position:absolute;
left:0;top:0;
width:100%;height:100%;
border:1px inactiveborder solid">
</DIV> |
 |
<DIV
STYLE="position:absolute;
left:0;top:0;
width:100%;height:100%;
border:1px inactiveborder solid">
</DIV> |
Our borders are one pixel squares positioned at 0,0 within the elements with a width and height of 100%. Notice that we assign the inactiveborder color to them. Our dialogs are being built as inactive elements. They will become active, only when the user makes them visible.
Our dialogs now look like this (not much visible change):
  | <DIV ID=popup1
STYLE="position:absolute;
visibility:hidden;
left:240;top:300;
width:212px;height:180;
border:2px threedhighlight outset;
background-color:threedface;
font-family:MS Sans Serif;font-size:8pt;
cursor:default"
onSelectStart="return false"
onMouseDown="makeActive(this)">
<DIV
STYLE="position:absolute;
left:0;top:0;
width:100%;height:100%;
border:1px inactiveborder solid">
</DIV>
</DIV>
<DIV ID=popup2
STYLE="position:absolute;
visibility:hidden;
left:440;top:360;
width:212px;height:80;
border:2px threedhighlight outset;
background-color:threedface;
font-family:MS Sans Serif;font-size:8pt;
cursor:default"
onSelectStart="return false"
onMouseDown="makeActive(this)">
<DIV
STYLE="position:absolute;
left:0;top:0;
width:100%;height:100%;
border:1px inactiveborder solid">
</DIV>
</DIV> |
Next, we'll build the captions.
|
|
Produced by Peter Belesis and
Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs 
All Rights Reserved. Legal Notices.
Created: Feb 23, 1999
Revised: Feb 23, 1999
URL: http://www.webreference.com/dhtml/column24/colsIEexample3.html
