<!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;
スクロールバーの文字色: #eeeedd;
スクロールバーのハイライト色: #eeeedd;
スクロールバー-シャドウ-カラー: #666677;
スクロールバー-3Dライト-カラー: #666677;
スクロールバーの矢印の色: #666677;
スクロールバートラックの色: #efefef;
スクロールバー-ダークシャドウ-カラー: #eeeedd;
}
ディブ{
フォントサイズ:9pt;
}
.dropMenu{
オーバーフロー:自動;
オーバーフロー-x:可視;
高さ:100%;
ボーダートップ:1px ソリッド #aaaabb;
ボーダー左:1px ソリッド #aaaabb;
ボーダー右:1px ソリッド #666677;
border-bottom:2px ソリッド #666677;
背景色:#fdfdfd;
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#eeeedd);
ホワイトスペース:ナラップ;
}
.dropMenu div{
カーソル:デフォルト;
色:#666677;
パディング:1px 2px 1px 2px;
パディングトップ:2px;
スクリプト1:式(
onmouseover=function(){
this.style.background="#0A246A"
this.style.fontWeight="通常"
this.style.color="白"
this.style.paddingLeft="3px"
}、
onmouseout=function(){
this.style.background="なし"
this.style.fontWeight="通常"
this.style.color="#666677"
this.style.paddingLeft="2px"
}、
onclick=function(){
choose_dropMenu(this.parentNode.style.parent1,this)
}
);
}
</スタイル>
</head>
<スクリプト言語="JavaScript">
// JavaScript ドキュメント
/*
=== 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);'+
'border:1px ソリッドスカイブルー;'+
'"></div>'
document.write(sDiv)
}
drawShadowDiv()
関数 giveItShaow( what , sDiv ,type ){
if( type == "表示" ){
sDiv.style.zIndex = どの.style.zIndex
sDiv.style.left = what.offsetLeft + what.parentNode.offsetLeft + 2;
sDiv.style.top = what.offsetTop + what.parentNode.offsetTop + 3;
sDiv.style.width = どの.offsetWidth ;
sDiv.style.height = どの.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
function show_dropMenu(that ){
current_dropMenu = どれ
if( ドロップメニューゴー != null ){
クリアタイムアウト(dropMenuGo)
}
//info.innerText = what.style.script1
eval("outSide_"+that.id).style.display = ""
what.style.display = ""
what.scrollTop = 0
marginTop = parseInt(that.style.marginTop)
if( marginTop < -3 ){
what.style.marginTop = marginTop + Math.round(( 0 - marginTop )/3)
}else if( marginTop >= -3 && marginTop < 0 ){
what.style.marginTop = marginTop + 1
}
if( marginTop >= 0 ){
クリアタイムアウト(dropMenuGo)
giveItShaow(that,shadowDiv,'show')
戻る
}
dropMenuGo = setTimeout("show_dropMenu( "+that.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')
}
}
}
//===选择下拉框の值===
functionchoose_dropMenu(this , self ){
close_dropMenu = true
Hide_dropMenu()
//eval(that).document.body.innerText = self.innerText.substr(0,self.innerText.length-1)
eval(that).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)
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 + "}"
文字列を返す
}
/*
type = 变量名
defaultVariables = 默认的值（空にはできません）
*/
function setFilters( type ,defaultVariables ){
if( フィルター[タイプ] == 未定義 ){
if( デフォルト変数 == 未定義 ){
デフォルト変数 = ""
}
eval( type + "=defaultVariables" )
}それ以外{
eval( type + "=filters[type]" )
}
}
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 = 输入框的值
*/
var iAutoID = 0;
関数 SS_drawDropMenu( フィルター ){
iAutoID++
if( フィルター == 未定義 ){
フィルタ = {}
}それ以外{
eval( "filters=" + replaceFilters( フィルター ))
}
setFilters( "id" , "inputFrame"+iAutoID )
setFilters( "フォーム" , "" )
setFilters( "maxlength" , "" )
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( フォーム != "" ){
親1 = フォーム+"."+id
}それ以外{
親1 = ID
}
//---建立下拉框项のhtml语句---
var itemCount //-下拉框选项の循環回数
var itemHtml = "句" //-html语
vardropMenuHeight = ""
var inputSize = 0 //-下拉框の高さ
itemCount = cItem.split(' ').length
cTmpStr = cItem
for( var i = 0 ; i < itemCount ; i++ ){
menuValue = Separate_Str()
itemHtml = itemHtml + '<div>'+menuValue+'</div>n'
if( menuValue.length > inputSize ){
inputSize = menuValue.length
}
}
if( itemCount < 5){
ドロップメニューの高さ = (17 * itemCount+3)
}それ以外{
ドロップメニューの高さ = 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 ソリッドブラック;" '+
' onfocus=' +onfocus+
' オンブラー=' +オンブラー+
' 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 style="'+
'font-family:webdings;'+
'オーバーフロー:非表示;'+
'高さ:18;'+
'マージン左:-1px;'+
'border:2px ソリッドアウトセット;'+
'FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='+startColor+',endColorStr='+endColor+');'+
「」」+
' onmousedown="this.style.border='2px インセット'"'+
' onmouseup="this.style.border='2px outset'"'+
' onmouseover="this.style.border='2px outset'"'+
' onmouseout="this.style.border='2px アウトセット'"'+
'>n'+
'<div style="'+
'font-size:9pt;'+
'マージントップ:-3px;'+
'margin-left: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'+
'<tdcolspan="2">n'+
'<div id="outSide_dropMenu'+id+'"'+
' class="outSideDropMenu" '+
' onselectstart="return false"'+
'スタイル='+
'表示:なし;'+
'位置:絶対;'+
'z-インデックス:21;'+
'margin-top:-1px;'+
'height:'+dropMenuHeight+'px;'+
'幅:100%;'+
'オーバーフロー:非表示;'+
'オーバーフロー-x:visible;'+
'border: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'+
'</table>n'+
'</div>n'
document.write(oHtml)
}
</script>
<body onMousedown="hide_dropMenu();">
<form name="form1" method="post" action="">
姓名:
<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)">
</form>
<p> </p></body>
</html>