WEB开发网
开发学院网页设计JavaScript 具有edit功能的combobox 阅读

具有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 N

这是一个自己编写的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>

Tags:具有 edit 功能

编辑录入:coldstar [复制链接] [打 印]
赞助商链接