<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<tête>
<title>Document sans titre</title>
<méta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
/* Document CSS */
/* pour input_dropMenu*/
corps{
hauteur de ligne : 10 px ;
BARRE DE DÉFILEMENT-FACE-COULEUR : #eeeedd ;
BARRE DE DÉFILEMENT-HAUTE COULEUR : #eeeedd ;
BARRE DE DÉFILEMENT-OMBRE-COULEUR : #666677 ;
BARRE DE DÉFILEMENT-3DLIGHT-COLOR : #666677 ;
BARRE DE DÉFILEMENT-FLÈCHE-COULEUR : #666677 ;
BARRE DE DÉFILEMENT-PISTE-COULEUR : #efefef ;
BARRE DE DÉFILEMENT-DARKSHADOW-COULEUR : #eeeedd ;
}
div{
taille de police : 9 pt ;
}
.dropMenu{
débordement : auto ;
débordement-x : visible ;
hauteur : 100 % ;
border-top:1px solide #aaaabb ;
bordure gauche : 1px solide #aaaabb ;
bordure droite : 1px solide #666677 ;
bordure inférieure : 2 px solide #666677 ;
couleur d'arrière-plan :#fdfdfd ;
FILTRE:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#eeeedd);
espace blanc:nowrap;
}
.dropMenu div{
curseur : par défaut ;
couleur : #666677 ;
remplissage : 1px 2px 1px 2px ;
rembourrage supérieur : 2 px ;
script1:expression(
onmouseover=fonction(){
this.style.background="#0A246A"
this.style.fontWeight="normal"
this.style.color="blanc"
this.style.paddingLeft="3px"
},
onmouseout=fonction(){
this.style.background="aucun"
this.style.fontWeight="normal"
this.style.color="#666677"
this.style.paddingLeft="2px"
},
onclick=fonction(){
Choose_dropMenu(this.parentNode.style.parent1,this)
}
);
}
</style>
</tête>
<langage de script="JavaScript">
//Document JavaScript
/*
=== pour input_dropMenu ===
=== gotCode 2004-9-21 ===
*/
fonction drawShadowDiv(){
sDiv = '<div id="shadowDiv" '+
'style="'+
'position : absolue;'+
'gauche:0px;haut:0px;'+
'z-index:1;'+
'couleur d'arrière-plan :#2C6C85;'+
'couleur-de-fond-de-couche :#2C6C85;'+
'affichage : aucun;'+
'FILTER:progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=10,finishOpacity=20,startX=0,finishX=0,startY=0,finishY=100);'+
'border:1px bleu ciel uni;'+
'"></div>'
document.write(sDiv)
}
drawShadowDiv()
fonction giveItShaow( which , sDiv ,type ){
si( type == "afficher" ){
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 = "";
}autre{
sDiv.style.display = "aucun"
sDiv.style.zIndex = 1
}
}
//===显示下拉框===
/*
current_dropMenu = ID de l'ID
close_dropMenu = 是否可以关闭下拉框
dropMenuGo = setTimeout的变量
*/
var current_dropMenu = null
var close_dropMenu = vrai
var dropMenuGo =
fonction nulle show_dropMenu( which ){
current_dropMenu = lequel
si( dropMenuGo != null ){
clearTimeout (dropMenuGo)
}
//info.innerText = which.style.script1
eval("outSide_"+which.id).style.display = ""
which.style.display = ""
which.scrollTop = 0
marginTop = parseInt (quel.style.marginTop)
si( marginTop < -3 ){
which.style.marginTop = marginTop + Math.round(( 0 - marginTop )/3)
}sinon si( marginTop >= -3 && marginTop < 0 ){
which.style.marginTop = marginTop + 1
}
si( marginTop >= 0 ){
clearTimeout (dropMenuGo)
giveItShaow (qui, shadowDiv, 'show')
retour
}
dropMenuGo = setTimeout("show_dropMenu( "+which.id+" )",10) //
}
//===隐藏下拉框===
fonction hide_dropMenu(){
si( current_dropMenu != null ){
si( close_dropMenu ){
clearTimeout (dropMenuGo)
current_dropMenu.style.display = "aucun"
eval("outSide_"+current_dropMenu.id).style.display = "aucun"
current_dropMenu.style.marginTop = current_dropMenu.parentNode.offsetHeight*(-1)
giveItShaow (current_dropMenu, shadowDiv, 'hide')
}
}
}
//===选择下拉框的值===
function Choose_dropMenu( which , self ){
close_dropMenu = vrai
hide_dropMenu()
//eval(which).document.body.innerText = self.innerText.substr(0,self.innerText.length-1)
eval(which).value = self.innerText
}
//===除前后空格===
fonction trim(str){
si( str.substr(0,1)==" "){
str = str.substr(1)
}
si( str.substr(str.length-1,1)==" "){
str = str.substr(0,str.length-2)
}
retour str
}
function replaceFilters( str){
//str = str.replace(/ /g,"")
str = trim(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,'",')
chaîne = chaîne + '"'
str = str.replace(/""/g,'"')
chaîne = "{" + chaîne + "}"
retour str
}
/*
type = 变量名称
defaultVariables = 默认的值 (不能为空)
*/
function setFilters( type , defaultVariables ){
if( filtres[type] == non défini ){
if( defaultVariables == non défini ){
Variables par défaut = ""
}
eval( type + "=Variables par défaut" )
}autre{
eval(type + "=filtres[type]" )
}
}
var getStr , cTmpStr
fonction Separate_Str(){
getStr = ""
pour ( je = 0; je < cTmpStr.length ; je ++ ){
si ( cTmpStr.substr(i,1) == " " ){
cTmpStr = cTmpStr.substr(getStr.length+1)
retourner getStr
}
getStr = getStr + cTmpStr.substr(i,1)
}retourne getStr
}
//===drawDropMenu===
/*
iAutoID = 自动编号
id = 输入框的值
*/
var iAutoID = 0 ;
fonction SS_drawDropMenu( filtre ){
iAutoID++
si( filtre == non défini ){
filtres = {}
}autre{
eval( "filters=" + replaceFilters( filtre ))
}
setFilters( "id" , "inputFrame"+iAutoID )
setFilters( "formulaire", "" )
setFilters( "longueurmax" , "" )
setFilters( "cItem" , "没有选项" )
setFilters( "valeur" , "" )
setFilters( "couleurdébut", "blanc" )
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( formulaire != "" ){
parent1 = formulaire+"."+id
}autre{
parent1 = identifiant
}
//---建立下拉框选项的html语句---
var itemCount //-下拉框选项的循环次数
var itemHtml = "" //-html语句
var dropMenuHauteur = ""
var inputSize = 0 //-下拉框的高度
itemCount = cItem.split(' ').longueur
cTmpStr = cItem
pour( var je = 0 ; je < itemCount ; i++ ){
menuValue = Séparé_Str()
itemHtml = itemHtml + '<div>'+menuValue+'</div>n'
if( menuValue.length > inputSize ){
inputSize = menuValue.longueur
}
}
si (itemCount < 5) {
dropMenuHeight = (17 * itemCount+3)
}autre{
dropMenuHauteur = 88
}
setFilters( "taille" , taille d'entrée*2 )
//---fin---
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 solid black;border-right:0px;">n'+
'<input name="'+id+'" type="text" value="'+value+'" size="'+size+'" maxlength="'+maxlength+'" style="font-size:9pt;border :0px noir uni;" '+
'onfocus=' +onfocus+
'onflou=' +onflou+
'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 noir uni;border-left:0px;border-right:0px;">n'+
'<div style="'+
'famille de polices:webdings;'+
'débordement : masqué ;'+
'hauteur : 18 ;'+
'marge gauche : -1px ;'+
'border:2px début solide;'+
'FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='+startColor+',endColorStr='+endColor+');'+
'"'+
' onmousedown="this.style.border='2px encart'"'+
' onmouseup="this.style.border='2px de départ'"'+
' onmouseover="this.style.border='Départ 2px'"'+
' onmouseout="this.style.border='Départ 2px'"'+
'>n'+
'<div style="'+
'taille de police : 9 pts ;'+
'marge supérieure:-3px;'+
'marge gauche : 1px;'+
'curseur:main;'+
'couleur :#444444'+
'"'+
' onClick="show_dropMenu(dropMenu'+id+')"'+
' onmousedown="this.style.marginLeft='2px';"'+
' onmouseup="this.style.marginLeft='1px'"'+
' onselectstart="retour faux"'+
'>6</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'<tr>n'+
'<td colspan="2">n'+
'<div id="outSide_dropMenu'+id+'"'+
'class="outSideDropMenu" '+
' onselectstart="retour faux"'+
'style="'+
'affichage : aucun;'+
'position:absolue;'+
'z-index:21;'+
'marge supérieure : -1px;'+
'hauteur :'+dropMenuHauteur+'px;'+
'largeur : 100 % ; '+
'débordement : masqué ;'+
'débordement-x:visible;'+
'border:0px noir uni;'+
'">n'+
'<div id="dropMenu'+id+'" class="dropMenu" style="margin-top:expression(this.parentNode.offsetHeight*(-1));parent1:'+parent1+'" onMouseover="close_dropMenu= FAUX;" onMouseout="close_dropMenu=true;">n'+
articleHtml+
'</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'</table>n'+
'</div>n'
document.write(oHtml)
}
</script>
<body onMousedown="hide_dropMenu();">
<nom du formulaire="form1" méthode="post" action="">
姓名:
<input name="cName" type="text" id="cName" size="10">
<br>
年龄:
<input name="iAge" type="text" id="iAge" size="10">
<br>
Nom : <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></corps>
</html>