<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transicional//ES">
<html>
<cabeza>
<título>Documento sin título</título>
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312">
<estilo>
/* Documento CSS */
/* para input_dropMenu*/
cuerpo{
altura de línea: 10px;
BARRA DE DESPLAZAMIENTO-COLOR-CARA: #eeeedd;
BARRA DE DESPLAZAMIENTO-RESALTAR-COLOR: #eeeedd;
BARRA DE DESPLAZAMIENTO-COLOR DE SOMBRA: #666677;
BARRA DE DESPLAZAMIENTO-3DLIGHT-COLOR: #666677;
BARRA DE DESPLAZAMIENTO-FLECHA-COLOR: #666677;
BARRA DE DESPLAZAMIENTO-COLOR-PISTA: #efefef;
BARRA DE DESPLAZAMIENTO-SOMBRA-OSCURA-COLOR: #eeeedd;
}
div{
tamaño de fuente: 9 puntos;
}
.dropMenú{
desbordamiento:automático;
desbordamiento-x: visible;
altura: 100%;
borde superior: 1px sólido #aaaabb;
borde izquierdo: 1px sólido #aaaabb;
borde derecho: 1px sólido #666677;
borde inferior: 2px sólido #666677;
color de fondo:#fdfdfd;
FILTRO:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#eeeedd);
espacio en blanco:nowrap;
}
.dropMenu div{
cursor: predeterminado;
color:#666677;
relleno: 1px 2px 1px 2px;
relleno-superior: 2px;
guión1: expresión (
onmouseover=función(){
this.style.background="#0A246A"
this.style.fontWeight="normal"
this.style.color="blanco"
this.style.paddingLeft="3px"
},
onmouseout=función(){
este.estilo.fondo="ninguno"
this.style.fontWeight="normal"
this.style.color="#666677"
this.style.paddingLeft="2px"
},
al hacer clic=función(){
elegir_dropMenu(this.parentNode.style.parent1,this)
}
);
}
</estilo>
</cabeza>
<lenguaje de escritura="JavaScript">
// Documento JavaScript
/*
=== para input_dropMenu ===
=== gotCode 2004-9-21 ===
*/
función dibujarShadowDiv(){
sDiv = '<div id="sombraDiv" '+
'estilo="'+
'posición:absoluta;'+
'izquierda:0px;arriba:0px;'+
'índice z:1;'+
'color de fondo:#2C6C85;'+
'color-de-fondo-de-capa:#2C6C85;'+
'pantalla: ninguna;'+
'FILTRO:progid:DXImageTransform.Microsoft.Alpha(estilo=1,opacidad=10,finishOpacity=20,startX=0,finishX=0,startY=0,finishY=100);'+
'borde: 1px azul cielo sólido;'+
'"></div>'
documento.escribir(sDiv)
}
drawShadowDiv()
GiveItShaow(que, sDiv, tipo){
si(tipo == "mostrar"){
sDiv.style.zIndex = cuál.style.zIndex
sDiv.style.left = cuál.offsetLeft + cuál.parentNode.offsetLeft + 2;
sDiv.style.top = cuál.offsetTop + cuál.parentNode.offsetTop + 3;
sDiv.style.width = cual.offsetWidth;
sDiv.style.height = cual.offsetHeight;
sDiv.style.display = "";
}demás{
sDiv.style.display = "ninguno"
sDiv.estilo.zIndex = 1
}
}
//===显示下拉框===
/*
current_dropMenu = 页面当前下拉框的ID
close_dropMenu = 是否可以关闭下拉框
dropMenuGo = setTimeout
*/
var current_dropMenu = nulo
var close_dropMenu = verdadero
var dropMenuGo =
función nula show_dropMenu( cual ){
current_dropMenu = cual
si( dropMenuGo != nulo ){
borrarTiempo de espera(soltarMenuGo)
}
//info.innerText = cual.estilo.script1
eval("outSide_"+what.id).style.display = ""
cual.estilo.display = ""
cual.scrollTop = 0
margenTop = parseInt(cuál.estilo.marginTop)
si(margenSuperior < -3 ){
cual.estilo.marginTop = margenTop + Math.round(( 0 - margenTop )/3)
}de lo contrario si( margenSuperior >= -3 && margenSuperior < 0 ){
cual.estilo.marginTop = margenTop + 1
}
si(margenSuperior >= 0 ){
borrarTiempo de espera(soltarMenuGo)
GiveItShaow(que,shadowDiv,'mostrar')
devolver
}
dropMenuGo = setTimeout("show_dropMenu( "+cuál.id+" )",10) //
}
//===隐藏下拉框===
función hide_dropMenu(){
si( current_dropMenu != nulo ){
si( close_dropMenu ){
borrarTiempo de espera(soltarMenuGo)
current_dropMenu.style.display = "ninguno"
eval("outSide_"+current_dropMenu.id).style.display = "ninguno"
current_dropMenu.style.marginTop = current_dropMenu.parentNode.offsetHeight*(-1)
GiveItShaow(current_dropMenu,shadowDiv,'ocultar')
}
}
}
//===选择下拉框的值===
función elegir_dropMenu (cuál, yo) {
close_dropMenu = verdadero
hide_dropMenú()
//eval(cuál).document.body.innerText = self.innerText.substr(0,self.innerText.length-1)
eval(cuál).valor = self.textointerior
}
//===除前后空格===
función recortar(cadena){
si( str.substr(0,1)==" "){
cadena = cadena.substr(1)
}
si( str.substr(str.length-1,1)==" "){
cadena = cadena.substr(0,cadena.longitud-2)
}
cadena de retorno
}
función reemplazarFiltros( str ){
//cadena = cadena.reemplazar(/ /g,"")
cadena = recortar(cadena)
cadena = cadena.reemplazar(/=/g,':')
cadena = cadena.reemplazar(/:/g,':"')
cadena = cadena.reemplazar(/ /g,'')
cadena = cadena.reemplazar(/:"///g,'://')
str = str.replace(/javascript:"/g,'javascript:')
cadena = cadena.reemplazar(/,/g,'",')
cadena = cadena + '"'
cadena = cadena.reemplazar(/""/g,'"')
cadena = "{" + cadena + "}"
cadena de retorno
}
/*
tipo = 变量名称
defaultVariables = 默认的值（不能为空）
*/
función establecerfiltros (tipo, variables predeterminadas) {
if( filtros[tipo] == indefinido ){
if(Variables predeterminadas == indefinido){
variables predeterminadas = ""
}
eval(tipo + "=Variables predeterminadas")
}demás{
eval( tipo + "=filtros[tipo]" )
}
}
var getStr, cTmpStr
función Separar_Str(){
obtenerStr = ""
para (i = 0; i < cTmpStr.length; i ++){
si ( cTmpStr.substr(i,1) == " " ){
cTmpStr = cTmpStr.substr(obtenerStr.longitud+1)
devolver getStr
}
obtenerStr = obtenerStr + cTmpStr.substr(i,1)
}regresar getStr
}
//===dibujarDropMenu===
/*
iAutoID = 自动编号
id = 输入框的值
*/
var iAutoID = 0;
función SS_drawDropMenu(filtro){
iAutoID++
si (filtro == indefinido) {
filtros = {}
}demás{
eval( "filtros=" + reemplazarFilters( filtro ))
}
setFilters( "id", "inputFrame"+iAutoID)
setFilters( "formulario", "")
setFilters( "longitud máxima", "")
setFilters( "cItem", "没有选项")
setFilters( "valor", "")
setFilters( "colorInicio", "blanco")
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:;'" )
si(formulario!= "" ){
padre1 = formulario+"."+id
}demás{
padre1 = identificación
}
//---建立下拉框选项的html语句---
var itemCount //-下拉框选项的循环次数
var itemHtml = "" //-html语句
var dropMenuHeight = ""
var inputSize = 0 //-下拉框的高度
itemCount = cItem.split(' ').longitud
cTmpStr = cArtículo
para (var i = 0; i < itemCount; i++) {
valormenu = Separar_Str()
itemHtml = itemHtml + '<div>'+menuValue+'</div>n'
if( valormenu.longitud > tamañoentrada ){
tamaño de entrada = valor de menú.longitud
}
}
si( itemCount < 5){
dropMenuHeight = (17 * itemCount+3)
}demás{
soltarMenúAltura = 88
}
setFilters( "tamaño", tamaño de entrada*2 )
//---fin---
oHtml='<div id="input_dropMenu'+id+'" style="display:inline;height:21px;">n'+
'<table border="0" cellspace="0" cellpadding="0">n'+
'<tr>n'+
'<td style="font-size:9pt;border:1px negro sólido;border-right:0px;">n'+
'<nombre de entrada="'+id+'" tipo="texto" valor="'+valor+'" tamaño="'+tamaño+'" maxlength="'+maxlength+'" estilo="font-size:9pt;border :0px negro sólido;" '+
'enfoque=' +enfoque+
'onblur=' +onblur+
' onmouseover=' +onmouseover+
'onmouseout=' +onmouseout+
' onmouseup=' +onmouseup+
' onmousedown=' +onmousedown+
' onkeyup=' +onkeyup+
' onkeydown=' +onkeydown+
'oncambio=' +oncambio+
'>'+
'</td>n'+
'<td width="16px" style="font-size:9pt;border:1px negro sólido;border-left:0px;border-right:0px;">n'+
'<div estilo="'+
'fuente-familia:webdings;'+
'desbordamiento: oculto;'+
'altura:18;'+
'margen-izquierdo:-1px;'+
'borde: inicio sólido de 2px;'+
'FILTRO:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='+startColor+',endColorStr='+endColor+');'+
'"'+
' onmousedown="this.style.border='2px inserto'"'+
' onmouseup="this.style.border='2px inicio'"'+
' onmouseover="this.style.border='2px inicio'"'+
' onmouseout="this.style.border='2px inicio'"'+
'>n'+
'<div estilo="'+
'tamaño de fuente:9pt;'+
'margen-superior:-3px;'+
'margen-izquierdo:1px;'+
'cursor:mano;'+
'color:#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"'+
'estilo="'+
'pantalla: ninguna;'+
'posición:absoluta;'+
'índice z:21;'+
'margen-superior:-1px;'+
'altura:'+dropMenuHeight+'px;'+
'ancho:100%;'+
'desbordamiento: oculto;'+
'desbordamiento-x:visible;'+
'borde:0px negro sólido;'+
'">n'+
'<div id="dropMenu'+id+'" class="dropMenu" style="margin-top:expression(this.parentNode.offsetHeight*(-1));parent1:'+parent1+'" onMouseover="close_dropMenu= FALSO;" onMouseout="close_dropMenu=true;">n'+
elementoHtml+
'</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'</table>n'+
'</div>n'
documento.escribir(oHtml)
}
</script>
<cuerpo onMousedown="hide_dropMenu();">
<nombre del formulario="formulario1" método="publicación" acción="">
姓名:
<nombre de entrada="cName" tipo="texto" id="cName" tamaño="10">
<br>
年龄:
<nombre de entrada="iAge" tipo="texto" id="iAge" tamaño="10">
<br>
Descripción: <script>SS_drawDropMenu('id=kkk,form=form1,cItem=科员 科长 所长 局长')</script> <script>SS_drawDropMenu('id=kkk2,form=form1,cItem=科员 科长 所长 局长')</script>
<nombre de entrada="dd" tipo="botón" valor="提交" onclick="alerta(form1.kkk.value)">
</formulario>
<p> </p></cuerpo>
</html>