1. 2007.10.16 스타일 예제
  2. 2007.10.15 항상 최상위에 떠있는 팝업창

스타일 예제

◆ ReadOnly 속성에 따라 다른 스타일
.textboxReadonlyBackground {
    border-width: 1px;
    border-collapse: collapse;
    background-color: expression((this.readOnly) ? '#ffffff' : '#000000');
    border-style: inset;
    border: expression((this.type == 'checkbox' || this.type == 'radio') ? '' : '1px solid gray');
}
</style>
<input type="text" class="textboxReadonlyBackground">
<input type="text" class="textboxReadonlyBackground" readOnly="true">
◆ TextBox의 테두리(Border) 안보이게 하기
.textboxBorderOff {
    clear: none;
    border: 0px none;
    float: none;
    background-color: transparent;
}
</style>
<input type="text" class="inputBorderOff">

항상 최상위에 떠있는 팝업창

function window_top(url, width, hight) {
    if (document.all && window.print) {
        eval('window.showModelessDialog(url, "", "help:0; resizable:1; dialogWidth:' + width + 'px; dialogHeight:' + hight + 'px")') 
    } else {
        eval('window.open(url, "", "width=' + width + 'px, height=' + hight + 'px, resizable=1, scrollbars=1")');
    }
}

window_top('http://www.naver.com', 400, 200);
팝업된 창은 항상 최상위에 있게된다.
Return top