具有edit功能的combobox
2007-11-27 17:44:17 来源:WEB开发网这是一个自己编写的htc控件
<HTML>
<HEAD>
<PUBLIC>
<COMPONENT TAGNAME=COMBOBOX>
<PROPERTY NAME=Text GET=get_Text PUT=put_Text>
<PROPERTY NAME=Width GET=get_Width PUT=put_Width>
<METHOD NAME=SetFocus INTERNALNAME=htcFocus>
<METHOD NAME=AddItems INTERNALNAME=htcAddItems>
<EVENT NAME=onYYCenter ID=idEnter>
<EVENT NAME=onYYCChoose ID=idChoose>
<ATTACH EVENT=oncontentready ONEVENT=htcInit()>
</COMPONENT>
</PUBLIC>
<SCRIPT LANGUAGE=javascript>
function htcInit()
{
defaults.viewLink=document;
defaults.viewInheritStyle=false;
Body_Init();
}
function htcAddItems(items)
{
var i,len;
len=pCombo.options.length;
for(i=0;i<len;i++)
{pCombo.remove(0);}
for(i=0;i<items.length;i++)
{
var o;
if((typeof items[i])==string)
{
if(!HasTheValue(items,i))
{
o=document.createElement(OPTION);
o.text=items[i];
pCombo.add(o);
}
}
}
}
function htcFocus()
{
pText.focus();
}
function get_Text()
{
return pText.value;
}
function put_Text(Value)
{
pText.value=Value;
}
function get_Width()
{
return pCombo.style.width;
}
function put_Width(Value)
{
pCombo.style.width=Value;
}
</SCRIPT>
<SCRIPT LANGUAGE=javascript>
function Body_Init()
{
var iRight=pCombo.clientWidth;
var iBottom=pCombo.clientHeight;
var iLeft=(pCombo.clientWidth-18);
pCombo.style.clip=rect(0,+iRight+,+iBottom+,+iLeft+);
pText.style.width=(pCombo.clientWidth);
pText.style.height=(pCombo.clientHeight);
pText.style.top=0;
pText.style.left=0;
}
function Combo_Select()
{
pText.value=pCombo.options[pCombo.selectedIndex].text;
}
function Text_ChkKey()
{
if(event.keyCode==13)
{
idEnter.fire();
}
}
function HasTheValue(sitems,i)
{
var ii;
for(ii=0;ii<i;ii++)
{
if(sitems[ii]==sitems[i])
return true;
}
return false;
}
</SCRIPT>
</HEAD>
<BODY>
<SELECT STYLE=position:absolute;left:0;top:0; ONCHANGE=Combo_Select() NAME=pCombo>
</SELECT>
<INPUT STYLE=position:absolute;left:0;top:0;z-index:4000 onKeyPress=Text_ChkKey() TYPE=TEXT NAME=pText>
</BODY>
</HTML>
- ››具有MV效果美图秀秀调色让照片画面
- ››功能强更实用 Win7库变为“计算机”
- ››功能最全!网管必备子网划分计算工具!
- ››功能完整的 Google Reader 离线浏览器 Byline 介绍...
- ››功能才是硬道理 色彩风暴图片处理
- ››具有邮件功能的用户和联系人有什么区别?-Exchange...
- ››功能完备 Google Talk新版试用体验
- ››功能区工具栏基本操作——PowerPoint 2007多媒体课...
- ››功能强大桌面便签YNotes新版发布
- ››功能再改进!Foxmail 6.5Beta2发布
- ››具有多种动态效果的闪屏
- ››具有新特性的PHP5之异常处理机制
更多精彩
赞助商链接