<!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;
SCROLLBAR-FACE-COLOR: #eeeedd;
แถบเลื่อน-ไฮไลท์-สี: #eeedd;
แถบเลื่อน-เงา-สี: #666677;
แถบเลื่อน-3DLIGHT-สี: #666677;
แถบเลื่อน-ลูกศร-สี: #666677;
SCROLLBAR-TRACK-COLOR: #efefef;
แถบเลื่อน-เงามืด-สี: #eeeedd;
-
div{
ขนาดตัวอักษร:9pt;
-
.dropMenu{
ล้น:อัตโนมัติ;
ล้น-x: มองเห็นได้;
ความสูง:100%;
เส้นขอบด้านบน: 1px ทึบ #aaaabb;
ขอบซ้าย:1px ทึบ #aaaabb;
เส้นขอบขวา:1px ทึบ #666677;
ขอบล่าง:2px ทึบ #666677;
สีพื้นหลัง:#fdfdfd;
ตัวกรอง: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#eeeedd);
พื้นที่สีขาว: nowrap;
-
.dropMenu div{
เคอร์เซอร์:ค่าเริ่มต้น;
สี:#666677;
การขยาย:1px 2px 1px 2px;
ช่องว่างด้านบน: 2px;
script1:การแสดงออก(
onmouseover=ฟังก์ชัน(){
นี้.style.พื้นหลัง="#0A246A"
this.style.fontWeight = "ปกติ"
this.style.color="สีขาว"
this.style.paddingLeft = "3px"
-
onmouseout=ฟังก์ชั่น(){
นี้.style.พื้นหลัง = "ไม่มี"
this.style.fontWeight = "ปกติ"
this.style.color="#666677"
this.style.paddingLeft = "2px"
-
onclick=ฟังก์ชั่น(){
choose_dropMenu (this.parentNode.style.parent1 นี้)
-
-
-
</สไตล์>
</หัว>
<ภาษาสคริปต์ = "จาวาสคริปต์">
// เอกสารจาวาสคริปต์
-
=== สำหรับ input_dropMenu ===
=== ได้รหัส 21-9-2547 ===
-
ฟังก์ชั่น DrawShadowDiv(){
sDiv = '<div id="shadowDiv" '+
'สไตล์="'+
'ตำแหน่ง:สัมบูรณ์;'+
'ซ้าย:0px;ด้านบน:0px;'+
'z-index:1;'+
'สีพื้นหลัง:#2C6C85;'+
'ชั้นสีพื้นหลัง:#2C6C85;'+
'แสดง:ไม่มี;'+
'ตัวกรอง: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=10,finishOpacity=20,startX=0,finishX=0,startY=0,finishY=100);'+
'border:1px ทึบฟ้า;'+
'"></div>'
เอกสาร.write(sDiv)
-
DrawShadowDiv()
ให้ ItShaow( ซึ่ง , sDiv ,พิมพ์ ){
ถ้า (ประเภท == "แสดง" ) {
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 = จริง
var dropMenuGo = ฟังก์ชัน null
show_dropMenu( ซึ่ง ){
current_dropMenu = อันไหน
ถ้า (dropMenuGo != null){
ล้างหมดเวลา (dropMenuGo)
-
//info.innerText = which.style.script1
eval("outSide_"+ which.id).style.display = ""
ซึ่ง.style.display = ""
ซึ่ง scrollTop = 0
marginTop = parseInt(ซึ่ง.style.marginTop)
ถ้า( ขอบด้านบน < -3 ){
which.style.marginTop = marginTop + Math.round(( 0 - marginTop )/3)
} อื่น ๆ ถ้า ( marginTop >= -3 && marginTop < 0 ){
which.style.marginTop = marginTop + 1
-
ถ้า( ขอบด้านบน >= 0 ){
ล้างหมดเวลา (dropMenuGo)
GiveItShaow (ซึ่ง shadowDiv, 'แสดง')
กลับ
-
dropMenuGo = setTimeout("show_dropMenu( "+ซึ่ง.id+" )",10) //
-
//===隐藏下拉框===
ฟังก์ชั่น Hide_dropMenu(){
ถ้า( current_dropMenu != null ){
ถ้า( 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,'ซ่อน')
-
-
}
//===选择下拉框的值===
ฟังก์ชั่น choose_dropMenu (ซึ่ง ตนเอง ){
close_dropMenu = จริง
Hide_dropMenu()
//eval(ซึ่ง).document.body.innerText = self.innerText.substr(0,self.innerText.length-1)
eval(ซึ่ง).value = self.innerText
-
//===除前后空格===
ฟังก์ชั่นตัดแต่ง (str) {
ถ้า( str.substr(0,1)==" "){
STR = str.substr(1)
-
ถ้า( str.substr(str.length-1,1)==" "){
STR = str.substr(0,str.ความยาว-2)
-
ถนนกลับ
-
ฟังก์ชั่นแทนที่ตัวกรอง (str) {
//str = str.replace(/ /g,"")
STR = เล็ม (str)
str = str.แทนที่(/=/g,':')
str = str.replace(/:/g,':"')
str = str.แทนที่(/ /g,' ')
str = str.replace(/:"///g,'://')
str = str.replace(/javascript:"/g,'javascript:')
str = str.แทนที่(/,/g,'",')
STR = STR + '"'
str = str.แทนที่ (/""/g,'"')
STR = "{" + STR + "}"
กลับถนน
-
-
type = 变量名称
defaultVariables = ตัวแปรเริ่มต้น (不能为空)
-
ฟังก์ชั่น setFilters (ประเภท , defaultVariables ) {
ถ้า ( ตัวกรอง [ประเภท] == ไม่ได้กำหนด ){
ถ้า ( defaultVariables == ไม่ได้กำหนด ){
ตัวแปรเริ่มต้น = ""
-
eval( พิมพ์ + "=defaultVariables" )
}อื่น{
eval( ประเภท + "=ตัวกรอง[ประเภท]" )
-
-
เป็น getStr , cTmpStr
ฟังก์ชั่น Separate_Str(){
getStr = ""
สำหรับ ( i = 0; i < cTmpStr.length ; i ++ ){
ถ้า ( cTmpStr.substr(i,1) == " " ){
cTmpStr = cTmpStr.substr(getStr.length+1)
กลับgetStr
-
getStr = getStr + cTmpStr.substr(i,1)
} ส่งคืน getStr
-
//===drawDropMenu===
-
iAutoID = 自动编号
id = 输入框的值
-
var iAutoID = 0;
ฟังก์ชั่น SS_drawDropMenu (ตัวกรอง) {
ไอออโต้ไอดี++
ถ้า (ตัวกรอง == ไม่ได้กำหนด) {
ตัวกรอง = {}
}อื่น{
eval( "ตัวกรอง =" + แทนที่ตัวกรอง ( ตัวกรอง ))
-
setFilters( "id" , "inputFrame"+iAutoID )
setFilters( "แบบฟอร์ม" , "" )
setFilters( "ความยาวสูงสุด" , "" )
setFilters( "cItem" , "没有选项")
setFilters( "มูลค่า" , "" )
setFilters( "startColor" , "สีขาว")
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:;'" )
ถ้า( รูปแบบ != "" ){
parent1 = แบบฟอร์ม+"."+id
}อื่น{
parent1 = รหัส
-
//---建立下拉框选项的html语句---
var itemCount //-下拉框选项的循环次数
var itemHtml = "" //-html语句
var dropMenuHeight = ""
var inputSize = 0 //-下拉框的高度
itemCount = cItem.split(' ').ความยาว
cTmpStr = cItem
สำหรับ( var i = 0 ; i < itemCount ; i++ ){
menuValue = Separate_Str()
itemHtml = itemHtml + '<div>'+menuValue+'</div>n'
ถ้า (menuValue.length > inputSize ){
inputSize = menuValue.length
-
-
ถ้า( itemCount < 5){
dropMenuHeight = (17 * itemCount+3)
}อื่น{
dropMenuHeight = 88
-
setFilters( "ขนาด" , ขนาดอินพุต*2 )
//---จบ---
oHtml='<div id="input_dropMenu'+id+'" style="display:inline;height:21px;">n'+
'<table border="0" cellspacing="0" cellpadding="0">n'+
'<tr>n'+
'<td style="font-size:9pt;border:1px solid black;border-right:0px;">n'+
'<input name="'+id+'" type="text" value="'+value+'" size="'+size+'" maxlength="'+maxlength+'" style="font-size:9pt;border :0px สีดำทึบ;" -
' onfocus=' +ออนโฟกัส+
' 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 solid black;border-left:0px;border-right:0px;">n'+
'<div สไตล์="'+
'ตระกูลแบบอักษร: webdings;'+
'ล้น: ซ่อน;'+
'ความสูง:18;'+
'ระยะขอบซ้าย:-1px;'+
'เส้นขอบ: 2px เริ่มทึบ;'+
'ตัวกรอง:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='+startColor+',endColorStr='+endColor+');'+
-
' onmousedown="this.style.border='2px inset'"'+
' onmouseup="this.style.border='2px outset'"'+
' onmouseover="this.style.border='2px outset'"'+
' onmouseout="this.style.border='2px outset'"'+
'>n'+
'<div สไตล์="'+
'ขนาดตัวอักษร:9pt;'+
'ขอบด้านบน:-3px;'+
'ระยะขอบซ้าย:1px;'+
'เคอร์เซอร์:มือ;'+
'สี:#444444'+
-
' onClick="show_dropMenu(dropMenu'+id+')"'+
' onmousedown="this.style.marginLeft='2px';"'+
' onmouseup="this.style.marginLeft='1px'"'+
' onselectstart="return false"'+
'>6</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'<tr>n'+
'<td colspan="2">n'+
'<div id="outSide_dropMenu'+id+'"'+
' class="outSideDropMenu" '+
' onselectstart="return false"'+
'สไตล์="'+
'แสดง:ไม่มี;'+
'ตำแหน่ง:สัมบูรณ์;'+
'z-index: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'
เอกสาร. เขียน (oHtml)
-
</สคริปต์>
<body onMousedown="hide_dropMenu();">
<ชื่อแบบฟอร์ม = "form1" method = "โพสต์" การกระทำ = "">
姓名:
<input name="cName" type="text" id="cName" size="10">
<br>
年龄:
<input name="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)">
</แบบฟอร์ม>
<p> </p></ร่างกาย>
</html>