html table vtop,在html中實現可輸入的下拉列表

#6

scHTML='

selectÁÐ鹵鉚

'

document.write(scHTML)

vDiv=selectcontent

vDivHtml=selecthtml

function editselect(name,size,defaulttext,width,height,readonly){

var combo=this;

this.options=new Array();

this.name=name;

this.divname=name+'_div';

this.buttonname=name+'_button';

this.tablename=name+'_table';

this.htmltable=name+'_html'

if (!height) this.height=0; else this.height=height

if (width) this.width=width

if (!size) size=8

if (!defaulttext) defaulttext=""

if (!readonly || readonly==0) {readonly="" }else {if (readonly==1) readonly="readonly style=cursor:default";this.readonly=1}

esHTML='

'

+'

' +'

6

'

+'

'

document.write(esHTML)

this.sbutton=eval("document.all."+this.buttonname)

if (this.readonly==1) eval(this.name).οnclick=function(){combo.show()}

this.sbutton.οnclick=function(){combo.show()}

this.show=function(){

pDiv=eval(combo.divname)

pTable=eval(combo.tablename)

var vHTML='

for (i=0;i

{

vHTML+='

'+combo.options[i]

}

vHTML+="

"

vDivHtml.innerHTML=vHTML

vtop=pDiv.offsetTop+pDiv.offsetHeight

vleft=pDiv.offsetLeft+1

vParent = pDiv.offsetParent;

while (vParent.tagName.toUpperCase() != "BODY")

{

vleft += vParent.offsetLeft;

vtop += vParent.offsetTop;

vParent = vParent.offsetParent;

}

var redge=document.body.clientWidth-vleft

var bedge=document.body.clientHeight-vtop

if (!combo.width) {vDiv.style.width=pTable.offsetWidth} else {vDiv.style.width=combo.width}

if (combo.height==0)

{

vDiv.style.pixelHeight=parseInt(htmltable.offsetHeight)+2

vDivHtml.style.pixelHeight=parseInt(htmltable.offsetHeight)+2

}

else

{

if (htmltable.offsetHeight>combo.height)

{

vDiv.style.pixelHeight=combo.height

vDivHtml.style.pixelHeight=combo.height

}

else

{

vDiv.style.pixelHeight=parseInt(htmltable.offsetHeight)+2

vDivHtml.style.pixelHeight=parseInt(htmltable.offsetHeight)+2

}

}

vDivHtml.scrollTop=0

if (redge

vDiv.style.left=vleft-1-(vDiv.offsetWidth-redge)

else

vDiv.style.left=vleft-1

if (bedge

//vDiv.style.top=vtop-vDiv.offsetHeight-pDiv.offsetHeight

vDiv.style.top=vtop-vDiv.offsetHeight+bedge

else

vDiv.style.top=vtop

vDivHtml.style.width=parseInt(vDiv.style.width)

vDiv.style.visibility="visible"

}

this.add=function(text){

combo.options[combo.options.length]=text

}

this.about=function(){

}

}

function mo(obj){

obj.style.backgroundColor="#000099"

obj.style.color="#ffffff"

}

function mu(obj){

obj.style.backgroundColor=""

obj.style.color="#000000"

}

document.οnmοusedοwn=function(){

if (vDiv.style.visibility=="visible"){

mx=event.x + document.body.scrollLeft

my=event.y + document.body.scrollTop;

x1=vDiv.offsetLeft

y1=vDiv.offsetTop

x2=vDiv.offsetLeft+vDiv.offsetWidth

y2=vDiv.offsetTop+vDiv.offsetHeight

if (mx

{

vDiv.style.visibility='hidden'

}

}

}

var sel1=new editselect("src","25","","");

sel1.add("1111111111");

sel1.add("22222222222");

sel1.add("33333333333");

sel1.add("lixin--2324");