zoukankan
html css js c++ java
VS2005+Ajax+WebService Div文本框输入提示
var
strHTML
=
""
;
var
iCount
=
0
;
function
GetIE(e)
{
//
获取对象的大小及位置
var
t
=
e.offsetTop;
var
l
=
e.offsetLeft;
var
w
=
e.offsetWidth;
var
h
=
e.offsetHeight;
while
(e
=
e.offsetParent)
{
t
+=
e.offsetTop;
l
+=
e.offsetLeft;
}
var
re
=
{Top:t,Left:l,Width:w,Height:h}
return
re;
}
function
DoSelect(id,text)
{
//
完成选择项
document.getElementById(id).value
=
text;
//
返回选项的值给文本框
DeleteTip(
"
TipListBox
"
);
//
删除提示窗口
}
function
SelectItem(Pos,controlId)
{
//
将焦点给指定位置的项
//
document.write(strHTML);
var
e
=
document.getElementById(
"
TipListBox_
"
+
controlId
+
Pos);
//
var e = document.getElementByName("TipListBox_"+Pos);
if
(e
!=
null
) e.focus();
event.returnValue
=
0
;
}
function
SetFocusStyle(refObj)
{
//
设置光标所在项的样式
refObj.style.color
=
"
#fff
"
;
refObj.style.backgroundColor
=
"
#0066CC
"
;
refObj.style.zIndex
=
"
150
"
;
}
function
SetBlurStyle(refObj)
{
//
恢复光标所在项的样式
refObj.style.color
=
"
#000
"
;
refObj.style.backgroundColor
=
""
;
refObj.style.zIndex
=
"
150
"
;
}
function
DeleteTip(id)
{
//
删除提示窗口
if
(document.getElementById(id)
!=
null
)
{
document.getElementById(id).removeNode(
true
);
}
}
//
取总数
function
CountNum(result)
{
iCount
=
0
;
strHTML
=
""
;
iCount
=
result;
}
//
取结果列项
function
GetstrHTML(result)
{
strHTML
=
result;
}
function
ShowTip(refObj,bykeyId,flag)
{
DeleteTip(
"
TipListBox
"
);
//
删除之前的提示窗口
DeleteTip(
"
Tipiframe
"
);
document.onclick
=
function
()
{
//
如果鼠标操作不在当前文本框,则将提示窗口删除
if
(event.srcElement.id
!=
refObj.id)
{
DeleteTip(
"
TipListBox
"
);
DeleteTip(
"
Tipiframe
"
);
document.onclick
=
null
;
}
}
//
发站的TextBox对象
var
strkey
=
""
;
if
(bykeyId
!=
""
)
{
var
byKeyObj
=
document.getElementById(bykeyId);
strkey
=
byKeyObj.value;
}
var
currentPos
=
-
1
;
//
当前选项位置
var
str
=
refObj.value;
//
当前文本框的值
var
eMember
=
GetIE(refObj);
var
eIframe
=
document.createElement(
"
iframe
"
);
eIframe.id
=
"
Tipiframe
"
;
eIframe.style.cssText
=
"
position:absolute;z-index:9;
"
+
eMember.Width
+
"
px;height:130px;top:
"
+
(eMember.Top
+
eMember.Height)
+
"
px;left:
"
+
eMember.Left
+
"
px;
"
;
eIframe.frameborder
=
"
0
"
;
var
eWinElement
=
document.createElement(
"
div
"
);
eWinElement.id
=
"
TipListBox
"
;
//
指定提示窗口ID为TipListBox
eWinElement.style.cssText
=
"
position:absolute;z-Index:10;overflow:auto;background-Color:#fff;font-size:12px;border:1px solid #000;left:
"
+
eMember.Left
+
"
px;top:
"
+
(eMember.Top
+
eMember.Height)
+
"
px;
"
+
eMember.Width
+
"
px
"
;
//
iCount=0;
//
strHTML="";
if
(flag
<
2
)
{
WebService.SearchCount(str, flag, CountNum);
WebService.SearchList(str, refObj.id,flag, GetstrHTML);
}
else
{
WebService.EndSearchCount(strkey,str, flag, CountNum);
WebService.EndSearchList(strkey,str, refObj.id,flag, GetstrHTML);
}
if
(strHTML
==
""
)
return
;
//
如果没有配匹的值则不显示提示窗口
eWinElement.style.height
=
"
130px
"
;
eWinElement.style.zIndex
=
"
150
"
;
//
document.write(strHTML);
eWinElement.innerHTML
=
strHTML;
document.body.appendChild(eIframe);
document.body.appendChild(eWinElement);
if
(parseInt(eWinElement.offsetHeight)
>
120
)
{
eWinElement.style.height
=
"
150px
"
;
eIframe.style.height
=
"
150px
"
;
}
//
定义提示窗口高度
document.onkeydown
=
function
()
{
if
(event.keyCode
==
40
&&
currentPos
<
(iCount
-
1
))
{
//
向下的按键操作
SelectItem(
++
currentPos,refObj.id);
}
if
(event.keyCode
==
38
&&
currentPos
>
0
)
{
//
向上的按键操作
SelectItem(
--
currentPos,refObj.id);
}
if
(event.keyCode
!=
38
&&
event.keyCode
!=
40
)
{
//
其它按钮将当前选项恢复-1的位置
currentPos
=
-
1
;
}
}
}
查看全文
相关阅读:
机器学习入门-文本数据-使用聚类增加文本的标签属性
机器学习入门-文本特征-使用LDA主题模型构造标签 1.LatentDirichletAllocation(LDA用于构建主题模型) 2.LDA.components(输出各个词向量的权重值)
机器学习入门-文本特征-word2vec词向量模型 1.word2vec(进行word2vec映射编码)2.model.wv['sky']输出这个词的向量映射 3.model.wv.index2vec(输出经过映射的词名称)
机器学习入门-数值特征-对数据进行log变化
python中datetime.strptime(),strftime()的应用
css中的','、'>'、'+'、'~'
js中const,var,let区别
css的#和.的区别
js实现拖放
[Usaco2005]Part Acquisition
原文地址:https://www.cnblogs.com/IsNull/p/1386122.html
最新文章
Java静态static关键字
Java字符串之间拼接时,如果有null值,则会直接拼接上null
ArrayList存储随机数字
Java实现数组元素反转
Java内存划分
Java方法注意事项
IntelliJ IDEA的使用
洛谷P4245 【模板】任意模数NTT
jzoj6004. 【PKUWC2019模拟2019.1.17】集合 (组合数学)
uoj#386. 【UNR #3】鸽子固定器(乱搞)
热门文章
uoj#311. 【UNR #2】积劳成疾(期望dp)
uoj#310. 【UNR #2】黎明前的巧克力(FWT)
洛谷P4004 Hello world!(分块+并查集)
jzoj6003. 【THUWC2019模拟2019.1.16】Square (乱搞)
jzoj6002. 【PKUWC2019模拟2019.1.15】Permutation (组合数)
jzoj6001. 【PKUWC2019模拟2019.1.15】Mines (tarjan)
uoj#335. 【清华集训2017】生成树计数(prufer序列+生成函数+多项式)
nginx优化
企业级mysql数据库完全备份、增量备份脚本
机器学习-文本数据-文本的相关性矩阵 1.cosing_similarity(用于计算两两特征之间的相关性)
Copyright © 2011-2022 走看看