<!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*/
тело{
высота строки: 10 пикселей;
ПРОКРУТКА-FACE-ЦВЕТ: #eeeedd;
ПАНЕЛЬ ПРОКРУТКИ-ЦВЕТ ВЫДЕЛЕНИЯ: #eeeedd;
ПАНЕЛЬ ПРОКРУТКИ-ТЕНЬ-ЦВЕТ: #666677;
ПРОКРУТКА-3DLIGHT-ЦВЕТ: #666677;
ПАНЕЛЬ ПРОКРУТКИ-СТРЕЛКА-ЦВЕТ: #666677;
ПАНЕЛЬ ПРОКРУТКИ-ТРЕК-ЦВЕТ: #efefef;
ПАНЕЛЬ ПРОКРУТКИ-ТЕМНАЯ ТЕНЬ-ЦВЕТ: #eeeeedd;
}
div {
размер шрифта: 9pt;
}
.dropMenu{
переполнение: авто;
переполнение-х: видимый;
высота: 100%;
border-top:1px сплошной #aaaabb;
граница слева: 1 пиксель сплошной #aaaabb;
правая граница: 1 пиксель сплошной #666677;
border-bottom: 2px сплошной #666677;
цвет фона:#fdfdfd;
ФИЛЬТР:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#eeeedd);
пробел:nowrap;
}
.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=функция(){
select_dropMenu(this.parentNode.style.parent1,this)
}
);
}
</стиль>
</голова>
<script Language="JavaScript">
// Документ JavaScript
/*
=== для input_dropMenu ===
=== gotCode 21-9-2004 ===
*/
функция drawShadowDiv(){
sDiv = '<div id="shadowDiv" '+
'стиль="'+
'позиция: абсолютная;'+
'слева: 0 пикселей; сверху: 0 пикселей;'+
'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>'
документ.write(sDiv)
}
drawShadowDiv()
GiveItShaow(который, sDiv,type){
если (тип == "показать") {
sDiv.style.zIndex = Which.style.zIndex
sDiv.style.left = that.offsetLeft + that.parentNode.offsetLeft + 2;
sDiv.style.top = that.offsetTop + that.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 = ноль
вар close_dropMenu = правда
var dropMenuGo = нулевая
функция show_dropMenu(который){
current_dropMenu = который
если (dropMenuGo! = ноль) {
ClearTimeout (dropMenuGo)
}
//info.innerText = Which.style.script1
eval("outSide_"+what.id).style.display = ""
that.style.display = ""
that.scrollTop = 0
MarginTop = parseInt(который.стиль.marginTop)
если(marginTop <-3){
Which.style.marginTop = MarginTop + Math.round(( 0 - MarginTop )/3)
}иначе если(marginTop >= -3 && MarginTop <0){
Which.style.marginTop = поляTop + 1
}
если (маржаTop >= 0) {
ClearTimeout (dropMenuGo)
GiveItShaow(который,shadowDiv,'показать')
возвращаться
}
dropMenuGo = setTimeout("show_dropMenu( "+that.id+" )",10) //
}
//=== 隐藏下拉框===
функция скрыть_dropMenu(){
если (current_dropMenu! = ноль) {
если ( close_dropMenu ) {
ClearTimeout (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, 'скрыть')
}
}
}
//=== 选择下拉框的值===
функция select_dropMenu(который, сам){
close_dropMenu = правда
скрыть_дропМеню()
//eval(который).document.body.innerText = self.innerText.substr(0,self.innerText.length-1)
eval(который).value = self.innerText
}
//=== 除前后空格===
функция обрезка(строка){
если( str.substr(0,1)==" "){
ул = стр.субстр(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,'"')
стр = "{" + стр + "}"
возвратная ул.
}
/*
тип = 变量名称
defaultVariables = 默认的值（不能为空）
*/
функция setFilters(тип, defaultVariables){
if( фильтры[тип] == не определено ){
если (defaultVariables == не определено) {
defaultVariables = ""
}
eval(тип + "=defaultVariables" )
}еще{
eval(тип + "=фильтры[тип]" )
}
}
вар getStr, cTmpStr
функция Separate_Str(){
getStr = ""
для (я = 0; я <cTmpStr.length; я ++){
if ( cTmpStr.substr(i,1) == " " ){
cTmpStr = cTmpStr.substr(getStr.length+1)
вернуть getStr
}
getStr = getStr + cTmpStr.substr(i,1)
} вернуть getStr
}
//===drawDropMenu===
/*
iAutoID = 自动编号
id = 输入框的值
*/
вар iAutoID = 0;
функция SS_drawDropMenu(фильтр){
iAutoID++
если( фильтр == не определено ){
фильтры = {}
}еще{
eval( "filters=" + replaceFilters(фильтр))
}
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:;'" )
если( форма != "" ){
родитель1 = форма+"."+id
}еще{
родитель1 = идентификатор
}
//--- детализация HTML-текста---
var itemCount //-下拉框选项的循环次数
var itemHtml = "" //-html-текст
вар dropMenuHeight = ""
var inputSize = 0 //-下拉框的高度
itemCount = cItem.split(' ').длина
cTmpStr = cItem
for(вар я = 0; я <itemCount; я++){
MenuValue = Separate_Str()
itemHtml = itemHtml + '<div>'+menuValue+'</div>n'
если (menuValue.length > inputSize) {
inputSize = менюЗначение.длина
}
}
если (itemCount <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 сплошной черный;" '+
' 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:1px сплошной черный;border-left:0px;border-right:0px;">n'+
'<div style="'+
'font-family:webdings;'+
'переполнение: скрыто;'+
'высота: 18;'+
'маржа слева:-1px;'+
'граница: сплошное начало 2 пикселя;'+
'FILTER: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 style="'+
'размер шрифта: 9pt;'+
'маржа-верх:-3px;'+
'маржа слева: 1 пиксель;'+
'курсор: рука;'+
'цвет: #444444'+
'"'+
' onClick="show_dropMenu(dropMenu'+id+')"'+
' onmousedown="this.style.marginLeft='2px';"'+
' onmouseup="this.style.marginLeft='1px'"'+
' onselectstart="вернуть ложь"'+
'>6</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'<tr>n'+
'<td colspan="2">n'+
'<div id="outSide_dropMenu'+id+'"'+
' class="outSideDropMenu" '+
' onselectstart="вернуть ложь"'+
'стиль="'+
'дисплей: нет;'+
'позиция: абсолютная;'+
'z-индекс:21;'+
'маржа-верх:-1px;'+
'высота:'+dropMenuHeight+'px;'+
'ширина: 100%;'+
'переполнение: скрыто;'+
'переполнение-x:видимый;'+
'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'
документ.write(oHtml)
}
</скрипт>
<body onMousedown="hide_dropMenu();">
<form name="form1" метод="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)">
</форма>
<p> </p></body>
</html>