<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<머리>
<title>제목 없는 문서</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<스타일>
/* CSS 문서 */
/* input_dropMenu의 경우*/
몸{
줄 높이:10px;
스크롤바-얼굴-색상: #eeedd;
스크롤바-하이라이트-색상: #eeedd;
스크롤바-그림자-색상: #666677;
스크롤바-3DLIGHT-COLOR: #666677;
스크롤바-화살표-색상: #666677;
스크롤바-트랙-색상: #effefef;
스크롤바-DARKSHADOW-색상: #eeedd;
}
div{
글꼴 크기:9pt;
}
.dropMenu{
오버플로:자동;
오버플로-x:표시;
높이:100%;
테두리 상단:1px 단색 #aaaabb;
테두리 왼쪽:1px 단색 #aaaabb;
테두리 오른쪽:1px 솔리드 #666677;
테두리 하단:2px 솔리드 #666677;
배경색:#fdfdfd;
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#eeeedd);
공백:이제 랩;
}
.dropMenu div{
커서:기본값;
색상:#666677;
패딩:1px 2px 1px 2px;
패딩 상단:2px;
스크립트1:표현식(
onmouseover=함수(){
this.style.Background="#0A246A"
this.style.fontWeight="정상"
this.style.color="흰색"
this.style.paddingLeft="3px"
},
onmouseout=함수(){
this.style.Background="없음"
this.style.fontWeight="정상"
this.style.color="#666677"
this.style.paddingLeft="2px"
},
onclick=함수(){
choose_dropMenu(this.parentNode.style.parent1,this)
}
);
}
</style>
</head>
<스크립트 언어="자바스크립트">
// 자바스크립트 문서
/*
=== input_dropMenu의 경우 ===
=== gotCode 2004-9-21 ===
*/
함수 drawShadowDiv(){
sDiv = '<div id="shadowDiv" '+
'스타일="'+
'위치:절대;'+
'왼쪽:0px;위:0px;'+
'z-색인:1;'+
'배경색:#2C6C85;'+
'레이어-배경색:#2C6C85;'+
'디스플레이:없음;'+
'FILTER:progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=10,finishOpacity=20,startX=0,finishX=0,startY=0,finishY=100);'+
'테두리:1px 단색 하늘색;'+
'"></div>'
document.write(sDiv)
}
drawShadowDiv()
함수 giveItShaow( which , sDiv ,type ){
if( 유형 == "표시" ){
sDiv.style.zIndex = which.style.zIndex
sDiv.style.left = which.offsetLeft + which.parentNode.offsetLeft + 2;
sDiv.style.top = which.offsetTop + which.parentNode.offsetTop + 3;
sDiv.style.width = which.offsetWidth ;
sDiv.style.height = which.offsetHeight ;
sDiv.style.display = "";
}또 다른{
sDiv.style.display = "없음"
sDiv.style.zIndex = 1
}
}
//===下显示下拉框===
/*
current_dropMenu = 이전에 다운로드한 ID
close_dropMenu = 是否可以关闭下拉框
dropMenuGo = setTimeout의 용량
*/
var current_dropMenu = null
var close_dropMenu = true
var dropMenuGo = null
함수 show_dropMenu( which ){
current_dropMenu = 어느 것
if(dropMenuGo != null ){
클리어타임아웃(dropMenuGo)
}
//info.innerText = which.style.script1
eval("outSide_"+which.id).style.display = ""
which.style.display = ""
which.scrollTop = 0
marginTop = parsInt(which.style.marginTop)
if( marginTop < -3 ){
which.style.marginTop = marginTop + Math.round(( 0 - marginTop )/3)
}else if( marginTop >= -3 && marginTop < 0 ){
which.style.marginTop = marginTop + 1
}
if( marginTop >= 0 ){
클리어타임아웃(dropMenuGo)
giveItShaow( which,shadowDiv,'표시')
반품
}
dropMenuGo = setTimeout("show_dropMenu( "+which.id+" )",10) //
}
//===隐藏下拉框===
함수 hide_dropMenu(){
if( current_dropMenu != null ){
if( close_dropMenu ){
클리어타임아웃(dropMenuGo)
current_dropMenu.style.display = "없음"
eval("outSide_"+current_dropMenu.id).style.display = "없음"
current_dropMenu.style.marginTop = current_dropMenu.parentNode.offsetHeight*(-1)
giveItShaow(current_dropMenu,shadowDiv,'hide')
}
}
}
//===아래의 내용은===
함수 choose_dropMenu( which , self ){
close_dropMenu = true
hide_drop메뉴()
//eval(which).document.body.innerText = self.innerText.substr(0,self.innerText.length-1)
eval(which).value = self.innerText
}
//===除前后공格===
함수 트림(str){
if( str.substr(0,1)==" "){
str = str.substr(1)
}
if( str.substr(str.length-1,1)==" "){
str = str.substr(0,str.length-2)
}
문자열을 반환
}
함수 교체 필터(str){
//str = str.replace(/ /g,"")
str = 트림(str)
str = str.replace(/=/g,':')
str = str.replace(/:/g,':"')
str = str.replace(/ /g,' ')
str = str.replace(/:"///g,'://')
str = str.replace(/javascript:"/g,'javascript:')
str = str.replace(/,/g,'",')
str = str + '"'
str = str.replace(/""/g,'"')
str = "{" + str + "}"
문자열을 반환
}
/*
유형 = 变weightname称
defaultVariables = 默认的值(不能为空)
*/
함수 setFilters( 유형 , defaultVariables ){
if( 필터[유형] == 정의되지 않음 ){
if( defaultVariables == 정의되지 않음 ){
default변수 = ""
}
eval( 유형 + "=defaultVariables" )
}또 다른{
평가(유형 + "=필터[유형]")
}
}
var getStr, cTmpStr
함수 Separate_Str(){
getStr = ""
for ( i = 0; i < cTmpStr.length ; i ++ ){
if ( cTmpStr.substr(i,1) == " " ){
cTmpStr = cTmpStr.substr(getStr.length+1)
getStr 반환
}
getStr = getStr + cTmpStr.substr(i,1)
}getStr을 반환
}
//===drawDropMenu===
/*
iAutoID = 자동 ID
id = 输入框的值
*/
var iAutoID = 0;
함수 SS_drawDropMenu( 필터 ){
iAutoID++
if( 필터 == 정의되지 않음 ){
필터 = {}
}또 다른{
평가("필터=" + 교체필터(필터))
}
setFilters( "id" , "inputFrame"+iAutoID )
setFilters( "양식" , "" )
setFilters( "최대 길이" , "" )
setFilters( "cItem" , "没有选项" )
setFilters( "값" , "" )
setFilters( "startColor" , "white" )
setFilters( "endColor" , "#eeeedd" )
setFilters( "onfocus" , "'javascript:;'" )
setFilters( "onblur" , "'javascript:;'" )
setFilters( "onmouseover" , "'javascript:;'" )
setFilters( "onmouseout" , "'javascript:;'" )
setFilters( "onmouseup" , "'javascript:;'" )
setFilters( "onmousedown" , "'javascript:;'" )
setFilters( "onkeyup" , "'javascript:;'" )
setFilters( "onkeydown" , "'javascript:;'" )
setFilters( "onchange" , "'javascript:;'" )
if( 형식 != "" ){
parent1 = 양식+"."+id
}또 다른{
parent1 = 아이디
}
//---建立下拉框选项的html语句---
var itemCount //-下拉框选项的循环次数
var itemHtml = "" //-html설명
var dropMenuHeight = ""
var inputSize = 0 //-낮은 높이
itemCount = cItem.split(' ').length
cTmpStr = c항목
for( var i = 0 ; i < itemCount ; i++ ){
menuValue = Separate_Str()
itemHtml = itemHtml + '<div>'+menuValue+'</div>n'
if( menuValue.length > inputSize ){
inputSize = menuValue.length
}
}
if(항목 개수 < 5){
dropMenuHeight = (17 * itemCount+3)
}또 다른{
dropMenuHeight = 88
}
setFilters( "크기" , inputSize*2 )
//---끝---
oHtml='<div id="input_dropMenu'+id+'" style="display:inline;height:21px;">n'+
'<table border="0" cellpacing="0" cellpadding="0">n'+
'<tr>n'+
'<td style="font-size:9pt;border:1px 단색 검정;border-right:0px;">n'+
'<input name="'+id+'" type="text" value="'+value+'" size="'+size+'" maxlength="'+maxlength+'" style="font-size:9pt;border :0px 단색 검정색;" '+
' 온포커스=' +온포커스+
' onblur=' +onblur+
' onmouseover=' +onmouseover+
' onmouseout=' +onmouseout+
' onmouseup=' +onmouseup+
' onmousedown=' +onmousedown+
' onkeyup=' +onkeyup+
' onkeydown=' +onkeydown+
' onchange=' +onchange+
'>'+
'</td>n'+
'<td width="16px" style="font-size:9pt;border:1px 단색 검정색;border-left:0px;border-right:0px;">n'+
'<div 스타일="'+
'글꼴 계열:웹딩;'+
'오버플로:숨김;'+
'높이:18;'+
'왼쪽 여백:-1px;'+
'테두리:2px 단색 시작;'+
'FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='+startColor+',endColorStr='+endColor+');'+
'''+
' onmousedown="this.style.border='2px 삽입'"'+
' onmouseup="this.style.border='2px 시작'"'+
' onmouseover="this.style.border='2px 시작'"'+
' onmouseout="this.style.border='2px 시작'"'+
'>n'+
'<div 스타일="'+
'글꼴 크기:9pt;'+
'여백 상단:-3px;'+
'왼쪽 여백:1px;'+
'커서:손;'+
'색상:#444444'+
'''+
' onClick="show_dropMenu(dropMenu'+id+')"'+
' onmousedown="this.style.marginLeft='2px';"'+
' onmouseup="this.style.marginLeft='1px'"'+
' onselectstart="false 반환"'+
'>6</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'<tr>n'+
'<td colspan="2">n'+
'<div id="outSide_dropMenu'+id+'"'+
' class="outSideDropMenu" '+
' onselectstart="false 반환"'+
'스타일="'+
'디스플레이:없음;'+
'위치:절대;'+
'z-색인:21;'+
'여백 상단:-1px;'+
'높이:'+dropMenuHeight+'px;'+
'폭:100%;'+
'오버플로:숨김;'+
'오버플로-x:표시;'+
'테두리:0px 단색 검정색;'+
'">n'+
'<div id="dropMenu'+id+'" class="dropMenu" style="margin-top:expression(this.parentNode.offsetHeight*(-1));parent1:'+parent1+'" onMouseover="close_dropMenu= 거짓;" onMouseout="close_dropMenu=true;">n'+
itemHtml+
'</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'</table>n'+
'</div>n'
document.write(oHtml)
}
</script>
<body onMousedown="hide_dropMenu();">
<form name="form1" method="post" action="">
이름:
<입력 이름="cName" type="text" id="cName" size="10">
<br>
연도:
<입력 이름="iAge" type="text" id="iAge" size="10">
<br>
예: <script>SS_drawDropMenu('id=kkk,form=form1,cItem=科员 科长 所长 局长')</script> <script>SS_drawDropMenu('id=kkk2,form=form1,cItem=科员科长 所长 局长')</script>
<input name="dd" type="button" value="提交" onclick="alert(form1.kkk.value)">
</form>
<p> </p></body>
</html>