防163帐户填写自动下拉菜单
2010-04-12 20:47
363 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
String.prototype.trim= function(){
return this.replace(/(^/s*)|(/s*$)/g, "");
}
function droplist(e){
var textv = document.getElementById("drop").value; //取得文本框内的值
if(textv.trim()=="") {document.getElementById("p").style.display="none";return false;}
e=window.event||e;
if(e.keyCode==38 || e.keyCode==40 || e.keyCode==13) return false;
if(textv.indexOf("@") != -1){
return false;
}
document.getElementById("p").style.display="";
textv=textv.toLowerCase(); //全部转成小写
var user = new Array();//初始化数组用来存储页面列表值的集合
var emaillist=["163.com", "126.com", "yeah.net", "188.com", "vip.163.com","hotmail.com","qq.com"];
var rs =new Array();
for(var c=0;c<emaillist.length;c++)
{
rs[c]="<tr id='tv' name='tv' ><td id='al"+c+"' onclick='onV("+c+")' onmouseover='tablechange("+c+")' style='cursor:pointer'>"+getSelect(textv,emaillist[c])+"</td></tr>";
}
resultuser=rs.join("");//将数组数据分隔符设为换行符
document.getElementById("p").innerHTML="<table width='100%' cellpadding='0' bgcolor='#FFFFFF' cellspacing='0' id='listable'>"+resultuser+"</table>";//将数据打印到指定区域
alterBg(4,0);
}
function getSelect(objval,objtext){
res = objval+"@"+objtext;
return res;
}
function onV(j){//取得下拉列表点击值
var o = document.getElementById('al'+j).innerHTML;
document.getElementById('drop').value=o;
document.getElementById("p").style.display="none";
}
function alterBg(j,i){//改变下拉列表鼠标事件颜色
var o = document.getElementById('al'+j);
if(i==0)
o.style.backgroundColor ="#eeeeee";
else if(i==1)
o.style.backgroundColor ="#FFFFEE";
}
function tablechange(tdid)
{
var tabls=document.getElementById("listable").getElementsByTagName("td");
for(var j=0;j<tabls.length;j++)
{
tabls[j].style.background="#FFFFEE";
}
tabls[tdid].style.background="#eeeeee";
}
var currentLine=4;
document.onkeydown=function(e)
{
e=window.event||e;
switch(e.keyCode)
{
case 38: //上方向键
currentLine--;
changeItem();
break;
case 40: //下方向键
currentLine++;
changeItem();
break;
default:
break;
}
if(e.keyCode==13)
{
if(document.all)
{
var it=document.getElementById("listable").children[0];
}
else
{
var it=document.getElementById("listable");
}
document.getElementById("p").style.display="none";
document.getElementById("drop").value = it.rows[currentLine].cells[0].innerHTML;//取值
}
}
//选择行
function changeItem()
{
if(document.all)
{
var it=document.getElementById("listable").children[0];
}
else
{
var it=document.getElementById("listable");
}
for(i=0;i<it.rows.length;i++)
{
it.rows[i].className= "";
}
if(currentLine<0)
{
currentLine=it.rows.length-1;
}
if(currentLine==it.rows.length)
{
currentLine=0;
}
tablechange(currentLine);
document.getElementById("drop").value = it.rows[currentLine].cells[0].innerHTML;//取值
}
if(document.addEventListener){//如果是Firefox
document.addEventListener("click",fireFoxHandler, true);
}else{
document.attachEvent("onclick",fireFoxHandler);
}
function fireFoxHandler(){
if(document.all)
{
var it=document.getElementById("listable").children[0];
}
else
{
var it=document.getElementById("listable");
}
document.getElementById("p").style.display="none";
document.getElementById("drop").value = it.rows[currentLine].cells[0].innerHTML;//取值
}
</script>
</head>
<body>
<p>
<div>
<input type="text" id="drop" onKeyup="droplist(event);" />
<div id="p" style="border:1px solid #cccccc;display:none;width:200px;padding-left:3px;"></div>
</div>
</body>
</html>
相关文章推荐
- 仿163填写邮件地址自动显示下拉
- 仿163填写邮件地址自动显示下拉(无优化)
- 仿163填写邮件地址自动显示下拉(无优化)
- 仿163填写邮件地址自动显示下拉(无优化版)
- 仿163填写邮件地址自动显示下拉
- 仿163填写邮件地址自动显示下拉
- 仿163填写邮件地址自动显示下拉
- 自动填写IE的网页的输入框的内容
- javascript实现自动填写表单实例简析
- Android自动填写获取到的验证码
- 自动填写本日,本周,本月条件的查询
- 前端的小玩意(5)——用dojo写的二级下拉菜单自动添加功能
- Android——自动填写短信验证码
- 使用WebClient自动填写并提交ASP.NET页面表单
- 使用WebClient自动填写并提交ASP.NET页面表单的源代码
- MASM32编程实现运行时自动提示要求以管理员帐户来运行
- 根据填写的出生日期自动带出年龄
- Qt自动填写表单并点击按钮,包括调用js方法
- android自定义Spinner下拉菜单和AutoCompleteTextView自动显示的(下拉列表框)样式
- android之填写文本自动补充AutoCompleteTextView和MultiAutoCompleteTextView