쓸만한 글

Select 대화상자 생성하는 스크립트

봄돌73 2006. 9. 21. 11:15
출처 : http://www.tagin.net/bbs/view.php?desc=asc&id=js5&no=19&sc=on&select_arrange=headnum&sn=off&sn1=&ss=on


<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>선택상자 디자인</title>
<script>
function change_aenv(obj)
{
alert(obj.value+"을(를) 선택했습니다.");
}
</script>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<script src='http://www.sayclub.com/global/javascript/SaySelect.js'></script>
    <script>
     var strCombo = "<select class=bd style='width:126; height:20; margin:0px' name=aenv_select onchange=\"javascript:change_aenv(this)\" valign=\"absmiddle\">";
     strCombo += "<option value=\"a\" selected>모두 받음</option>";
     strCombo += "<option value=\"d\" >모두받음(광고제외)</option>";
     strCombo += "<option value=\"n\"  >모두 받지 않음</option>";
     strCombo += "<option value=\"f\" >서로 친구인 경우</option>";
     strCombo += "<option value=\"c\" >친구/클럽회원만</option>";
     strCombo += "<option value=\"s\" >쪽지만 보관</option>";
     strCombo += "</select>";
var oCombo = new SS_create(strCombo, 6);oCombo.display();    
</script>
    <br><br><br><br><br><br><br><br>
    <script>
     var strCombo = "<select class=bd style='width:126; height:20; margin:0px' name=aenv_select onchange=\"javascript:change_aenv(this)\" valign=\"absmiddle\">";
     strCombo += "<option value=\"a\" selected>모두 받음</option>";
     strCombo += "<option value=\"d\" >모두받음(광고제외)</option>";
     strCombo += "<option value=\"n\"  >모두 받지 않음</option>";
     strCombo += "<option value=\"f\" >서로 친구인 경우</option>";
     strCombo += "<option value=\"c\" >친구/클럽회원만</option>";
     strCombo += "<option value=\"s\" >쪽지만 보관</option>";
     strCombo += "</select>";
var oCombo = new SS_create(strCombo, -6);oCombo.display();    
</script>
</body>
</html>

IE에서만 된다.
위로 열리는 것과 아래로 열리는 것 두 개다.
차이는
new SS_create(strCombo, 6) : new SS_create(strCombo, -6)
마지막에 목록의 갯수가 음수냐 양수냐에 따라 방향이 결정된다.