ajax之搜索提示

作者佚名技术来源 NET编程浏览发布时间 2012-05-25

{
$(''rlist'').style.display="none";
$(''rFrame'').style.display="none";
}
//显示函数主要是显示的提示下拉层和iframe 参数num,根据该参数控制要显示提示层和iframe的高度
function showsearch(num)
{
$(''rlist'').style.display='''';
$(''rFrame'').style.display='''';
//这里我定义每个返回查询结果的提示高度为20px,其中提示层总高度又加了num,是因为我在定义样式时使用了padding一个像素
$(''rlist'').style.height=num*20+num+''px'';
//同样定位iframe的高度
$(''rFrame'').style.height=num*20+num+''px'';
}
//返回文本输入框的坐标函数，参数element为要返回的对象,参数offset可选为offsetLeft|offsetTop 分别表示为该对象距离左窗口上角的绝对位置
//www.devdao.com 利用这个函数可以定位我们要显示的提示层位置，使提示层正确的显示在文本输入框下面
function getposition(element,offset)
{
    var c=0;
    while(element)
    {
        c+=element[offset];
        element=element.offsetParent
    }
    return c;
}
//创建提示层函数包括提示层和为了避免在文本输入框下面出现select下拉选框时我们的提示层不能再select之上的iframe
//可以理解为当文本输入框下有select下拉选框时从底向上依次为 select下拉选框-iframe-提示层
function createlist()
{
//创建提示层
var listDiv=document.createElement("div");
//提示层id
listDiv.id="rlist";
listDiv.style.zIndex="2";
listDiv.style.position="absolute";
listDiv.style.border="solid 1px #000000";
listDiv.style.backgroundColor="#FFFFFF";
listDiv.style.display="none";
listDiv.style.width=$(''keyword'').clientWidth+"px";
listDiv.style.left=getposition($(''keyword''),''offsetLeft'')+1.5+"px";
listDiv.style.top =(getposition($(''keyword''),''offsetTop'')+$(''keyword'').clientHeight +3)+"px";

var listFrame=document.createElement("iframe");
listFrame.id="rFrame";
listFrame.style.zIndex="1";
listFrame.style.position="absolute";
listFrame.style.border="0";
listFrame.style.display="none";
listFrame.style.width=$(''keyword'').clientWidth+"px";
listFrame.style.left=getposition($(''keyword''),''offsetLeft'')+1+"px";
listFrame.style.top =(getposition($(''keyword''),''offsetTop'')+$(''keyword'').clientHeight +3)+"px";
document.body.appendChild(listDiv);
document.body.appendChild(listFrame);
}
function setstyle(element,classname)
{
switch (classname)
    {
     case ''m'':
       element.style.fontSize="12px";
    element.style.fontFamily="arial,sans-serif";
    element.style.backgroundColor="#3366cc";
    element.style.color="black";
    element.style.width=$(''keyword'').clientWidth-2+"px";
    element.style.height="20px";
          element.style.padding="1px 0px 0px 2px";
          if(element.displaySpan)element.displaySpan.style.color="white"
  &n

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: 一个令人深思的小注入【警惕】下一篇: md5结合cryp=无敌密码

关于ajax之搜索提示的所有评论

随机推荐