<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 過渡//EN">
<html>
<頭>
<title>無標題文件</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<風格>
/* CSS 文件 */
/* 對於 input_dropMenu */
身體{
行高:10px;
滾動條臉部顏色:#eeeedd;
捲軸高亮顏色:#eeeedd;
捲軸陰影顏色:#666677;
滾動條-3DLIGHT-顏色:#666677;
滾動條箭頭顏色:#666677;
滾動條軌道顏色:#effefef;
捲軸-深色陰影-顏色:#eeeedd;
}
div{
字體大小:9pt;
}
.dropMenu{
溢出:自動;
溢出-x:可見;
高度:100%;
頂部邊框:1px實心#aaaabb;
左邊框:1px實心#aaaabb;
右邊框:1px實線#666677;
邊框底部:2px實心#666677;
背景顏色:#fdfdfd;
過濾器:progid:DXImageTransform.Microsoft.Gradient(gradientType = 0,startColorStr =白色,endColorStr =#eeeedd);
空白:nowrap;
}
.dropMenu div{
遊標:預設;
顏色:#666677;
內邊距:1px 2px 1px 2px;
頂部填充:2px;
腳本1:表達式(
滑鼠懸停=函數(){
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=函數(){
選擇_dropMenu(this.parentNode.style.parent1,this)
}
);
}
</風格>
</頭>
<腳本語言=“JavaScript”>
// JavaScript 文件
/*
=== 對於 input_dropMenu ===
=== 取得代碼 2004-9-21 ===
*/
函數drawShadowDiv(){
sDiv = '<div id="shadowDiv" '+
'風格=''+
'位置:絕對;'+
'左:0px;上:0px;'+
'z 索引:1;'+
'背景顏色:#2C6C85;'+
'圖層背景顏色:#2C6C85;'+
'顯示:無;'+
'過濾器:progid:DXImageTransform.Microsoft.Alpha(樣式=1,不透明度=10,finishOpacity=20,startX=0,finishX=0,startY=0,finishY=100);'+
'邊框:1px 實心天藍色;'+
'"></div>'
文檔.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( 其中 ){
current_dropMenu = 其中
if( dropMenuGo != null ){
清除超時(dropMenuGo)
}
//info.innerText = which.style.script1
eval("outSide_"+which.id).style.display = ""
哪個.style.display = ""
其中.scrollTop = 0
marginTop = parseInt(which.style.marginTop)
if( 邊距頂部 < -3 ){
which.style.marginTop = marginTop + Math.round(( 0 - marginTop )/3)
}否則 if( marginTop >= -3 && marginTop < 0 ){
which.style.marginTop = marginTop + 1
}
if( 邊距頂部 >= 0 ){
清除超時(dropMenuGo)
GiveItShaow(which,shadowDiv,'show')
返回
}
dropMenuGo = setTimeout("show_dropMenu( "+which.id+" )",10) //
}
//===隱藏下拉方塊===
函數 hide_dropMenu(){
if( current_dropMenu != null ){
如果(關閉選單){
清除超時(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,'隱藏')
}
}
}
//===選擇下拉方塊的值===
函數選擇_dropMenu(其中,自我){
close_dropMenu = true
hide_dropMenu()
//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)
}
返回字串
}
函數replaceFilters(str){
//str = str.replace(/ /g,"")
字串 = 修剪(字串)
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.replace(/""/g,'"')
字串=“{”+字串+“}”
返回字串
}
/*
type = 變數名稱
defaultVariables = 預設的值(不能為空)
*/
函數 setFilters( 類型 , 預設變數 ){
if( 過濾器[類型] == 未定義 ){
if( 預設變數 == 未定義 ){
預設變數 = ""
}
eval( 型別 + "=defaultVariables" )
}別的{
eval( 型別 + "=過濾器[型別]" )
}
}
var getStr , cTmpStr
函數Separate_Str(){
取得Str =“”
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
}
//===繪製DropMenu===
/*
iAutoID = 自動編號
id = 輸入框的值
*/
var iAutoID = 0;
函數 SS_drawDropMenu( 過濾器 ){
iAutoID++
if( 過濾器 == 未定義 ){
過濾器={}
}別的{
eval(“過濾器=”+replaceFilters(過濾器))
}
setFilters( "id" , "inputFrame"+iAutoID )
setFilters(“表單”,“”)
setFilters(“最大長度”,“”)
setFilters( "cItem" , "沒有選項" )
setFilters(“值”,“”)
setFilters(“開始顏色”,“白色”)
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( 形式 != "" ){
父級1 = 表單+"."+id
}別的{
父級 1 = id
}
//---建立下拉框選項的html語句---
var itemCount //-下拉方塊選項的循環次數
var itemHtml = "" //-html語句
var dropMenuHeight =“”
var inputSize = 0 //-下拉框的高度
itemCount = cItem.split(' ').length
cTmpStr = cItem
for( var i = 0 ; i < itemCount ; i++ ){
選單值=Separate_Str()
itemHtml = itemHtml + '<div>'+menuValue+'</div>n'
if( menuValue.length > inputSize ){
輸入大小=選單值.長度
}
}
if( 項目數 < 5){
dropMenuHeight = (17 * 項目計數+3)
}別的{
下拉式選單高度 = 88
}
setFilters( "大小" , inputSize*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:1pxsolid black;border-right:0px;">n'+
'<input name="'+id+'" type="text" value="'+value+'" size="'+size+'" maxlength="'+maxlength+'" style="font-size:9pt;border :0px 純黑;" '+
'onfocus='+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:1pxsolid black;border-left:0px;border-right:0px;">n'+
'<div 樣式=''+
'字型系列:webdings;'+
'溢出:隱藏;'+
'身高: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+'"'+
' 類別=“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'+
項目HTML+
'</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'</表>n'+
'</div>n'
文檔.write(oHtml)
}
</腳本>
<body onMousedown="hide_dropMenu();">
<form name="form1" method="post" action="">
姓名:
<輸入名稱=“cName”類型=“文字”id=“cName”大小=“10”>
<br>
年齡:
<輸入名稱=“iAge”類型=“文字”id=“iAge”大小=“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>