澳门新萄京JS实现仿百度输入框自动匹配功能的示
分类:服务器

1.下载jquery-latest.js,JSuggest.js和JSuggest.css

后天数不尽网址都有这种意义,在文本框输入叁个字符,上边会出来相相称的剧情,这些代码就演示了那些作用是什么样做到的,当然,那是个静态的,你可以将唤起的剧情从数据库读收取来,要利用AJAX那东东。

JS完毕仿百度输入框自动相称成效的演示代码介绍

 本篇随笔主即使对JS落成仿百度输入框自动相配功用的事必躬亲代码进行了介绍,须要的意中人能够回复参照他事他说加以考察下,希望对我们持有助于

现今不计其数网址都有这种成效,在文本框输入二个字符,下面会出来相相配的剧情,那些代码就演示了那么些效果是什么实现的,当然,那是个静态的,你能够将唤起的剧情从数据库读抽出来,要采纳AJAX那东东。

 

 代码如下:

<HTML>

<HEAD>

<title>带输入相配的文书框</title>

<style>

body,div {

font-family:verdana;

line-height:100%;

font-size:10pt;

}

input {

width:320px;

}

h1 {

text-align:center;

font-size:2.2em;

}

#divc {

border:1px solid #555;

}

.des {

width:500px;

background-color:lightyellow;

border:1px solid #555;

padding:25px;

margin-top:25px;

}

.mouseover {

color:#ffffff;

background-color:highlight;

width:100%;

cursor:default;

}

.mouseout {

color:#000;

width:100%;

background-color:#ffffff;

cursor:default;

}

</style>

<SCRIPT LANGUAGE="JavaScript">

<!--

function jsAuto(instanceName,objID)

{

this._msg = [];

this._x = null;

this._o = document.getElementById( objID );

if (!this._o) return;

this._f = null;

this._i = instanceName;

this._r = null;

this._c = 0;

this._s = false;

this._v = null;

this._o.style.visibility = "hidden";

this._o.style.position = "absolute";

this._o.style.zIndex = "9999";

this._o.style.overflow = "auto";

this._o.style.height = "50";

return this;

};

 

 

jsAuto.prototype.directionKey=function() { with (this)

{

var e = _e.keyCode ? _e.keyCode : _e.which;

var l = _o.childNodes.length;

(_澳门新萄京JS实现仿百度输入框自动匹配功能的示例代码介绍,QQ网站里AppTui对象脚本。c>l-1 || _c<0) ? _s=false : "";

 

 

if( e==40  &&  _s )

{

_o.childNodes[_c].className="mouseout";

(_c >= l-1) ? _c=0 : _c ;

_o.childNodes[_c].className="mouseover";

}

if( e==38  &&  _s )

{

_o.childNodes[_c].className="mouseout";

_c--<=0 ? _c = _o.childNodes.length-1 : "";

_o.childNodes[_c].className="mouseover";

}

澳门新萄京,if( e==13 )

{

if(_o.childNodes[_c]  &&  _o.style.visibility=="visible")

{

_r.value = _x[_c];

_o.style.visibility = "hidden";

}

}

if( !_s )

{

_c = 0;

_o.childNodes[_c].className="mouseover";

_s = true;

}

}};

 

 

// mouseEvent.

jsAuto.prototype.domouseover=function(obj) { with (this)

{

_o.childNodes[_c].className = "mouseout";

_c = 0;

obj.tagName=="DIV" ? obj.className="mouseover" : obj.parentElement.className="mouseover";

}};

jsAuto.prototype.domouseout=function(obj)

{

obj.tagName=="DIV" ? obj.className="mouseout" : obj.parentElement.className="mouseout";

};

jsAuto.prototype.doclick=function(msg) { with (this)

{

if(_r)

{

_r.value = msg;

_o.style.visibility = "hidden";

}

else

{

alert("javascript autocomplete ERROR :nn can not get return object.");

return;

}

}};

 

 

// object method;

jsAuto.prototype.item=function(msg)

{

if( msg.indexOf(",")>0 )

{

var arrMsg=msg.split(",");

for(var i=0; i<arrMsg.length; i )

{

arrMsg[i] ? this._msg.push(arrMsg[i]) : "";

}

}

else

{

this._msg.push(msg);

}

this._msg.sort();

};

jsAuto.prototype.append=function(msg) { with (this)

{

_i ? "" : _i = eval(_i);

_x.push(msg);

var div = document.createElement("DIV");

//bind event to object.

div.onmouseover = function(){_i.domouseover(this)};

div.onmouseout = function(){_i.domouseout(this)};

div.onclick = function(){_i.doclick(msg)};

var re  = new RegExp("(" _v ")","i");

div.style.lineHeight="140%";

div.className = "mouseout";

if (_v) div.innerHTML = msg.replace(re , "<strong>$1</strong>");

div.style.fontFamily = "verdana";

 

 

_o.appendChild(div);

}};

jsAuto.prototype.display=function() { with(this)

{

if(_f && _v!="")

{

_o.style.left = _r.offsetLeft;

_o.style.width = _r.offsetWidth;

_o.style.top = _r.offsetTop _r.offsetHeight;

_o.style.visibility = "visible";

}

else

{

_o.style.visibility="hidden";

}

}};

jsAuto.prototype.handleEvent=function(fValue,fID,event) { with (this)

{

var re;

_e = event;

var e = _e.keyCode ? _e.keyCode : _e.which;

_x = [];

_f = false;

_r = document.getElementById( fID );

_v = fValue;

_i = eval(_i);

re = new RegExp("^" fValue "", "i");

_o.innerHTML="";

 

 

for(var i=0; i<_msg.length; i )

{

if(re.test(_msg[i]))

{

_i.append(_msg[i]);

_f = true;

}

}

 

 

_i ? _i.display() : alert("can not get instance");

 

 

if(_f)

{

if((e==38 || e==40 || e==13))

{

_i.directionKey();

}

else

{

_c=0;

_o.childNodes[_c].className = "mouseover";

_s=true;

}

}

}};

window.onerror=new Function("return true;");

//-->

</SCRIPT>

</HEAD>

 

 

<BODY>

<div id="divc">

<!--this is the autocomplete container.-->

</div>

<div align="center">

<input onkeyup="jsAutoInstance.handleEvent(this.value,'auto',event)" id="auto">

</div>

 

 

<SCRIPT LANGUAGE="JavaScript">

<!--

var jsAutoInstance = new jsAuto("jsAutoInstance","divc");

jsAutoInstance.item("a-start,b-start,c-start,d-start,e-start,f-start,g-start,h-start,i-start,j-start,k-start,l-start,m-start,n-start,o-start,p-start,q-start,r-start,s-start,t-start,u-start,v-start,w-start,x-start,y-start,z-start,z-start,a-start,b-start,c-start,d-start,e-start,f-start,g-start,h-start,i-start,j-start,k-start,l-start,m-start,n-start,o-start,p-start,q-start,r-start,s-start,t-start,u-start,v-start,w-start,x-start,y-start,z-start,u-start,v-start,w-start,x-start,y-start,z-start,z-start,a-start,b-start,c-start,y-start,z-start,z-start,a-start,b-start,c-start,d-start,e-start,f-start,g-start,h-start,i-start,s-start,w-start,x-start,y-start,z-start,z-start,a-start,b-start,c-start,d-start,e-start,f-start,g-start,h-start,i-start,a-start,b-start,c-start,d-start,e-start,z-start,z-start");

jsAutoInstance.item("blueDestiny");

jsAutoInstance.item("BlueMiracle,Blue");

jsAutoInstance.item("angela,geniuslau");

jsAutoInstance.item("never-online");

//-->

</SCRIPT>

<center>请在输入框输入三个字母:</center>

</BODY>

</HTML> 

本篇小说首如果对JS达成仿百度输入框自动相配作用的身体力行代码实行了介绍,需求的朋友...

/* APP Common Begin*/
try
{
    document.domain = "qq.com";
}
catch (e)
{
}

JSuggest.js源代码如下复制代码 代码如下:/*** * Description : JSuggest 下拉提示框*/

复制代码 代码如下:

if (typeof AppTui == "undefined")
{
    var AppTui = new Object();
}

function JSuggest(){

<HTML>
<HEAD>
<title>带输入相配的文书框</title>
<style>
body,div {
font-family:verdana;
line-height:100%;
font-size:10pt;
}
input {
width:320px;
}
h1 {
text-align:center;
font-size:2.2em;
}
#divc {
border:1px solid #555;
}
.des {
width:500px;
background-color:lightyellow;
border:1px solid #555;
padding:25px;
margin-top:25px;
}
.mouseover {
color:#ffffff;
background-color:highlight;
width:100%;
cursor:default;
}
.mouseout {
color:#000;
width:100%;
background-color:#ffffff;
cursor:default;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function jsAuto(instanceName,objID)
{
this._msg = [];
this._x = null;
this._o = document.getElementById( objID );
if (!this._o) return;
this._f = null;
this._i = instanceName;
this._r = null;
this._c = 0;
this._s = false;
this._v = null;
this._o.style.visibility = "hidden";
this._o.style.position = "absolute";
this._o.style.zIndex = "9999";
this._o.style.overflow = "auto";
this._o.style.height = "50";
return this;
};

AppTui.$ = function(s)
{
    return (typeof s == "object") ? s: document.getElementById(s);
};

// DIV下拉框this.div = null;

jsAuto.prototype.directionKey=function() { with (this)
{
var e = _e.keyCode ? _e.keyCode : _e.which;
var l = _o.childNodes.length;
(_c>l-1 || _c<0) ? _s=false : "";

AppTui.Cookie = {
    getCookie: function(name)
    {
        var arr = document.cookie.match(new RegExp("(^| )" name "=([^;]*)(;|$)"));

// DIV下的ulthis.ul = null;

if( e==40  &&  _s )
{
_o.childNodes[_c].className="mouseout";
(_c >= l-1) ? _c=0 : _c ;
_o.childNodes[_c].className="mouseover";
}
if( e==38  &&  _s )
{
_o.childNodes[_c].className="mouseout";
_c--<=0 ? _c = _o.childNodes.length-1 : "";
_o.childNodes[_c].className="mouseover";
}
if( e==13 )
{
if(_o.childNodes[_c]  &&  _o.style.visibility=="visible")
{
_r.value = _x[_c];
_o.style.visibility = "hidden";
}
}
if( !_s )
{
_c = 0;
_o.childNodes[_c].className="mouseover";
_s = true;
}
}};

        if (arr != null)
        {
            return window.unescape(arr[2]);

// 文本输入框this.input = null;

// mouseEvent.
jsAuto.prototype.domouseover=function(obj) { with (this)
{
_o.childNodes[_c].className = "mouseout";
_c = 0;
obj.tagName=="DIV" ? obj.className="mouseover" : obj.parentElement.className="mouseover";
}};
jsAuto.prototype.domouseout=function(obj)
{
obj.tagName=="DIV" ? obj.className="mouseout" : obj.parentElement.className="mouseout";
};
jsAuto.prototype.doclick=function(msg) { with (this)
{
if(_r)
{
_r.value = msg;
_o.style.visibility = "hidden";
}
else
{
alert("javascript autocomplete ERROR :nn can not get return object.");
return;
}
}};

        }

// 当前DIV所选的LI对象this.current_li = null;

// object method;
jsAuto.prototype.item=function(msg)
{
if( msg.indexOf(",")>0 )
{
var arrMsg=msg.split(",");
for(var i=0; i<arrMsg.length; i )
{
arrMsg[i] ? this._msg.push(arrMsg[i]) : "";
}
}
else
{
this._msg.push(msg);
}
this._msg.sort();
};
jsAuto.prototype.append=function(msg) { with (this)
{
_i ? "" : _i = eval(_i);
_x.push(msg);
var div = document.createElement("DIV");
//bind event to object.
div.onmouseover = function(){_i.domouseover(this)};
div.onmouseout = function(){_i.domouseout(this)};
div.onclick = function(){_i.doclick(msg)};
var re  = new RegExp("(" _v ")","i");
div.style.lineHeight="140%";
div.className = "mouseout";
if (_v) div.innerHTML = msg.replace(re , "<strong>$1</strong>");
div.style.fontFamily = "verdana";

        return null;
    },
    setCookie:function(name,value,expires,path,domain,secure){
        var expDays = expires*24*60*60*1000;
        var expDate = new Date();
        expDate.setTime(expDate.getTime() expDays);
        var expString = expires ? "; expires=" expDate.toGMTString() : "";
        var pathString = "; path=" (path||"/");
        var domain = domain ? "; domain=" domain : "";
        document.cookie = name "=" escape(value) expString domain pathString (secure?"; secure":"");
    }
};

/*** 遮盖下拉提醒框*/this.hide = function(){this.div.style.visibility = "hidden";}

_o.appendChild(div);
}};
jsAuto.prototype.display=function() { with(this)
{
if(_f && _v!="")
{
_o.style.left = _r.offsetLeft;
_o.style.width = _r.offsetWidth;
_o.style.top = _r.offsetTop _r.offsetHeight;
_o.style.visibility = "visible";
}
else
{
_o.style.visibility="hidden";
}
}};
jsAuto.prototype.handleEvent=function(fValue,fID,event) { with (this)
{
var re;
_e = event;
var e = _e.keyCode ? _e.keyCode : _e.which;
_x = [];
_f = false;
_r = document.getElementById( fID );
_v = fValue;
_i = eval(_i);
re = new RegExp("^" fValue "", "i");
_o.innerHTML="";

AppTui.HashTable = function()
{
    this.__construct();
};

/*** 呈现下拉提醒框*/this.show = function(){this.div.style.visibility = "visible";}

for(var i=0; i<_msg.length; i )
{
if(re.test(_msg[i]))
{
_i.append(_msg[i]);
_f = true;
}
}

AppTui.HashTable.prototype = {
    __construct: function()
    {
        this._hash = new Object();
    },

/*** 下拉指示框状态*/this.status = function(){if (this.div.style.visibility == "visible"){return true;}return false;}

_i ? _i.display() : alert("can not get instance");

    set: function(key, value, rewrite)
    {
        if (rewrite !== false)
        {
            this._hash[key] = value;
        }
        else if (this.get(key) != null)
        {
            this._hash[key] = value;
        }
    },

/*** 设置当前DIV所选的LI*/this.setCurrent_li = function{var co = obj.current_li;if {co.className = ""; }li.className = "li_index";obj.current_li = li;}

if(_f)
{
if((e==38 || e==40 || e==13))
{
_i.directionKey();
}
else
{
_c=0;
_o.childNodes[_c].className = "mouseover";
_s=true;
}
}
}};
window.onerror=new Function("return true;");
//-->
</SCRIPT>
</HEAD>

    get: function(key)
    {
        if (typeof this._hash[key] != "undefined")
        {
            return this._hash[key];
        }
        else
        {
            return null;
        }
    },

/*** 初始化Suggest* * input_id : 输入框的ID* defHeight: 下拉提示框的高*/this.init = function{this.input = document.getElementById;//this.input.autocomplete = "off";var left = this.input.offsetLeft; var top = this.input.offsetTop;var width = this.input.offsetWidth;var height = this.input.offsetHeight;var p=this.input.offsetParent; while{left =p.offsetLeft;top =p.offsetTop;p=p.offsetParent; }top = height;if(defHeight==null || defHeight==0){height = 150;}else{height = defHeight;}this.input.value = "";var obj = this;this.input.onkeydown = function{obj.onkeydown;}this.div = document.createElement;this.div.style.width = width "px";this.div.style.height = height "px";this.div.style.left = left "px";this.div.style.top = top "px";this.ul = document.createElement;this.div.appendChild;this.div.className = "jsuggest";document.body.appendChild;}

<BODY>
<div id="divc">
<!--this is the autocomplete container.-->
</div>
<div align="center">
<input onkeyup="jsAutoInstance.handleEvent(this.value,'auto',event)" id="auto">
</div>

    remove: function(key)
    {
        delete this._hash[key];
    }
};

/*** 移除DIV下UL中全体的LI*/this.remove = function(){this.current_li = null;while;}

<SCRIPT LANGUAGE="JavaScript">
<!--
var jsAutoInstance = new jsAuto("jsAutoInstance","divc");
jsAutoInstance.item("a-start,b-start,c-start,d-start,e-start,f-start,g-start,h-start,i-start,j-start,k-start,l-start,m-start,n-start,o-start,p-start,q-start,r-start,s-start,t-start,u-start,v-start,w-start,x-start,y-start,z-start,z-start,a-start,b-start,c-start,d-start,e-start,f-start,g-start,h-start,i-start,j-start,k-start,l-start,m-start,n-start,o-start,p-start,q-start,r-start,s-start,t-start,u-start,v-start,w-start,x-start,y-start,z-start,u-start,v-start,w-start,x-start,y-start,z-start,z-start,a-start,b-start,c-start,y-start,z-start,z-start,a-start,b-start,c-start,d-start,e-start,f-start,g-start,h-start,i-start,s-start,w-start,x-start,y-start,z-start,z-start,a-start,b-start,c-start,d-start,e-start,f-start,g-start,h-start,i-start,a-start,b-start,c-start,d-start,e-start,z-start,z-start");
jsAutoInstance.item("blueDestiny");
jsAutoInstance.item("BlueMiracle,Blue");
jsAutoInstance.item("angela,geniuslau");
jsAutoInstance.item("never-online");
//-->
</SCRIPT>
<center>请在输入框输入三个假名:</center>
</BODY>
</HTML>

AppTui.HashTable.getInstance = function()
{
    if (!this.__instance__)
    {
        this.__instance__ = new AppTui.HashTable();
    };

/*** 移除DIV下UL中的LI*/this.removeLI = function(){var node = this.ul.childNodes;for{if (node[n] != null && node[n].nodeName == "LI"){// alert;this.ul.removeChild;return true;}}return false;}

...

    return this.__instance__;
};

/*** 在DIV中创建LI*/this.create = function;

AppTui.Element = {
    getElementLeft: function(e)
    {
        return (e==null) ? 0 :
        (AppTui.$(e).offsetLeft AppTui.Element.getElementLeft(AppTui.$(e).offsetParent));
    },

var li_item = items.split;

    getElementTop: function(e)
    {
        return (e==null) ? 0 :
        (AppTui.$(e).offsetTop AppTui.Element.getElementTop(AppTui.$(e).offsetParent));
    },

for{//alert;var li = document.createElement;li.innerHTML = li_item[i];

    scrollIntoView: function(e)
    {
        var x = AppTui.Element.getElementLeft(e);
        var y = AppTui.Element.getElementTop(e);
        window.scrollTo(x, y);
    },

var obj = this;li.onmousedown = function(){obj.onmousedown;}li.onmouseover = this.onmouseover;li.onmouseout = this.onmouseout;

    remove: function()
    {
        for (var i=0; i<arguments.length; i )
        {
            try
            {
                AppTui.$(arguments[i]).parentNode.removeChild(AppTui.$(arguments[i]));
            }
            catch (e)
            {
            }
        }
    }
};

this.ul.appendChild;}

AppTui.Page = {
    getPageWidth: function()
    {
        return document.body.scrollWidth || document.documentElement.scrollWidth || 0;
    },

/*** 文本框按下事件*/this.onkeydown = function{if {return false;}

    getPageHeight: function()
    {
        return document.body.scrollHeight || document.documentElement.scrollHeight || 0;
    },

if {evt = window.event;}

    getBodyWidth: function()
    {
        return document.body.clientWidth || document.documentElement.clientWidth || 0;
    },

var key = evt.keyCode;

    getBodyTop: function()
    {
        return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
    },
    getPostionByDom: function(element)
    {
        var el;
        var ua = navigator.userAgent.toLowerCase();
        var isOpera = (ua.indexOf('opera') != -1);
        var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof
        if (typeof element == 'object'){
            el = element;
        }
        else{
            el = document.getElementById(element);
        }
        /*if (typeof el.parentNode == 'undefined' || el.style.display == 'none')
        {
            return false;
        }*/

//var KEYUP = 38;//var KEYDOWN = 40;//var KEYENTER = 13;var ob = obj;if {obj.upKeySelected();}else if {obj.downKeySelected(); }else if (key == 13 || key == 27){obj.hide(); }}

        var parent = null;
        var pos = [];
        var box;
        if(el.getBoundingClientRect) //IE&FF
        {
            box = el.getBoundingClientRect();
            var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
            var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
            return {x:box.left scrollLeft, y:box.top scrollTop};
        }
        else if(document.getBoxObjectFor) // gecko
        {
            box = document.getBoxObjectFor(el);
            var borderLeft = (el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0;
            var borderTop = (el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0;
            pos = [box.x - borderLeft, box.y - borderTop];
        }
        else // safari & opera
        {
            pos = [el.offsetLeft, el.offsetTop];
            parent = el.offsetParent;
            if (parent != el) {
                while (parent) {
                    pos[0] = parent.offsetLeft;
                    pos[1] = parent.offsetTop;
                    parent = parent.offsetParent;
                }
            }
        }

this.getCurrentLiIndex = function(){if(this.current_li == null){return -1;}var node = this.ul.childNodes;for{if (node[n].nodeName == "LI"){if(node[n] == this.current_li){return n;}}} }

        if (ua.indexOf('opera') != -1 || ( ua.indexOf('safari') != -1 && el.style.position == 'absolute' ))
        {
            pos[0] -= document.body.offsetLeft;
            pos[1] -= document.body.offsetTop;
        }
        if (el.parentNode) { parent = el.parentNode; }
        else { parent = null; }
        while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML')
        { // account for any scrolled ancestors
            pos[0] -= parent.scrollLeft;
            pos[1] -= parent.scrollTop;
            if (parent.parentNode) { parent = parent.parentNode; }
            else { parent = null; }
        }
        return {x:pos[0], y:pos[1]};
    }
};

this.getLi = function{var node = this.ul.childNodes;for{if (node[n].nodeName == "LI" && n == index){this.setCurrent_li;return node[n];}}}

AppTui.Browser = new Object();
AppTui.Browser.ua = window.navigator.userAgent.toLowerCase();
AppTui.Browser.ie = /msie/.test(AppTui.Browser.ua);
AppTui.Browser.moz = /gecko/.test(AppTui.Browser.ua);

this.upKeySelected = function(){var num = this.getCurrentLiIndex();if {num--;var node = this.getLi;this.setCurrent_li;this.input.value = node.innerHTML;}}

AppTui.User = {
    getUin: function()
    {
        if (AppTui.Cookie.getCookie("uin") && AppTui.Cookie.getCookie("skey"))
        {
            return parseInt(AppTui.Cookie.getCookie("uin").replace(/^o0*/, ""));
        }
        else
        {
            return 0;
        }
    },
    isLogin: function(e)
    {
        if(typeof _addPtlogin2_onResizeFunc == 'function' && typeof IFr_ptlogin2resize == 'function'){
            _addPtlogin2_onResizeFunc(IFr_ptlogin2resize);
        }
        AppTui.HashTable.getInstance().set("current_node",e);
        if(AppTui.User.getUin() > 0)
        {
            AppTui.Tui.getTuiData();
        }
        else{
            this.createLoginDiv();
            this.showLoginBox();
        }
        
    },
    loginBoxTopPos: function(){
        //
        var node = null;
        var top;
        if (typeof AppTui.HashTable.getInstance().get("current_node") == "object")
        {
            node = AppTui.HashTable.getInstance().get("current_node");
        }
        var pos = AppTui.Page.getPostionByDom(node);
        var clientPos = pos.y - AppTui.Page.getBodyTop();
        if (parseInt(clientPos) > 400)
        {
            top = pos.y - 340 "px";
        }
        else{
            top = pos.y 30 "px";
        }
        return top;
    },
    showLoginBox: function(){
        AppTui.$("Login_Box").style.top = this.loginBoxTopPos();
        AppTui.$("Login_Box").style.left = (AppTui.Page.getBodyWidth()

this.downKeySelected = function{var num = this.getCurrentLiIndex{num = 0; }else {num ;if (num >= this.ul.childNodes.length)return false;}var node = this.getLi;this.setCurrent_li;this.input.value = node.innerHTML;}

  • 370)/2 "px";
            AppTui.$("Login_Box").style.display = 'block';        
        },
        createLoginDiv: function(){
            if(AppTui.$("Login_Box") == null ){
            var Login_Box = document.createElement("div");
            Login_Box.setAttribute("id", "Login_Box");
            Login_Box.className = 'share_layer';
            Login_Box.style.width = 399 'px';
            Login_Box.style.height = 212 'px';
            Login_Box.innerHTML = '<div class="share_layer_main" id="login_box_main"><div class="share_layer_title" style="cursor: move;"><h3 class="">ÍƼöÖÁÎÒµÄÌÚѶÍø</h3><a title="¹Ø±Õ" class="del_fri" onclick="AppTui.User.hide();">X</a></div><div class="share_layer_cont"><iframe frameborder="0" name="Login_Frame2" id="Login_Frame2" width="397" height="190" style="display:block;" scrolling="no" src="about:blank"></iframe></div></div>';
            document.getElementsByTagName("body")[0].appendChild(Login_Box);
            AppTui.$("Login_Frame2").src="";
            }
            else
            {
                AppTui.$("Login_Frame2").src="about:blank";
                AppTui.$("Login_Frame2").src="";
                AppTui.$("Login_Frame2").style.display = "block";
            }
        },
        hide: function()
        {
            AppTui.$("Login_Box").style.display = "none";
            AppTui.$("Login_Frame2").src = "about:blank";
        },
        ok: function()
        {
            //login.htmµÄcookieÉèÖÃ
            try{
                this.hide();
                AppTui.Tui.getTuiData();
            }catch(e){
                this.hide();
            }
        },
        resize:function(a) {
            //document.getElementById('Login_Box').style.height= c 'px';
            document.getElementById('Login_Frame2').style.height= a.height 'px';
            
        }
    };

/*** DIV鼠标按下事件*/this.onmousedown = function{obj.setCurrent_li;obj.input.value = thiz.innerHTML;obj.hide();}

/*¿ÉÄÜÊǶàƪÎÄÕ£¬¿ÉÄÜÊÇһƪ*/
AppTui.Tui ={
    _url:"",
    _refer:2,
    _aids:[],
    _aidnum_name:"tui_num",
    init:function(){
        if(AppTui.Tui._aids.length>0){
            for(var i in AppTui.Tui._aids)
            {
                this.getNumber(AppTui.Tui._aids[i]);
            }
        }else{
            var tmp_aid = this.getaid();
            this.getNumber(tmp_aid);
        }    
    },
    getaid: function(){
        var localUrl = window.location.href.toString();
        var re = /http://(w [.]{1})?(w ).qq.com/a/(d )/(d ).(w )/;
        var res = localUrl.match(re);
        if (res == null)
        {
            return;
        }
        var _site = res[2];
        var _id = res[3] '' res[4];
        var res = _site '_' _id;
        return res;
    },
    getTuiData : function(){
        var node;
        var node_id;
        if (typeof AppTui.HashTable.getInstance().get("current_node") == "object")
        {
            node = AppTui.HashTable.getInstance().get("current_node");
        }
        if (node.id != null && node.id != ''){
            node_id = node.id;
        }
        else{
            node_id = this.getaid();
        }
        if( node_id == null || node_id == '') return;
        var str = node_id.split('_');
        var _site = str[0];
        var _id = str[1];
        var _posturl = this._url "-id-" _id "-site-" _site "-r-" this._refer "&random=" Math.random();
    
        JsLoad(_posturl,{
                        method:'GET',
                        varname:'TuiResult',
                        completeListener : function(){
                                if(typeof arguments[0] == 'undefined') return;
                                var responseText = arguments[0];
                                if(typeof AppTui.Tui.tuiAction == 'function'){
                                    AppTui.Tui.tuiAction(responseText);
                                }
                        },
                        errorListener : function(){
                               //do nothing
                        }

/*** DIV鼠标移动事件*/this.onmouseover = function(){if (this.className != "li_index"){this.className = "li_check";}}

            });
        var pathname = _posturl.replace(/http://u.qq.com/g,'');
        icenterGo(pathname);
        
        
    },
    tuiAction :function(u){
        if(typeof u["code"]=="undefined"){
            return false;
        }
        var code = u["code"];
        if(code==1){
            this.successAction();
            this.showFloatTips('ÎÄÕÂÒÑÍƸøQQºÃÓÑ');
            return true;
        }else if(code==-1){
            //this.showFloatTips('ÎÄÕÂÍÆʧ°Ü£¬²ÎÊý´íÎó');

/*** DIV鼠标移出事件*/this.onmouseout = function(){if (this.className == "li_check"){this.className = "";}}

        }
        else if(code==-2){
            //this.showFloatTips('Óû§µÇ¼³¬Ê±£¬ÇëÖØеǼ');
        }
        else if(code==-3){
            this.NoAction();
            this.showFloatTips('Äã¸ÕÍƹý£¬Ò»»á¶ùÔÙÀ´ÍÆÍÆ');
            return true;
        }
        else if(code==-4){
            //this.showFloatTips('ÎÄÕÂÍÆʧ°Ü£¬Ò»»á¶ùÔÙÀ´ÊÔÊÔ');
        }
        return true;
    },
    showFloatTips:function(tips_wording){
        if(AppTui.$("tui_tips") == null){
            var div = document.createElement('div');
            div.setAttribute("id","tui_tips");
            div.className = 'share_layer';
            div.style.width =396 'px';
            div.style.left = 486 'px';
            div.innerHTML = '<div class="share_layer_main"><div class="share_layer_title" style="cursor: move;"><h3 class="">ÍƼöÖÁÎÒµÄÌÚѶÍø</h3><a title="¹Ø±Õ" class="del_fri" onclick="AppTui.Tui.hide();">X</a></div><div class="share_layer_cont"><div class="tui_done"><div class="tui_text">' tips_wording '</div><div class="tui_bt"><a href="" target="_blank">È¥ÎÒµÄÌÚѶÍø¿´¿´</a></div><div class="tui_autoclose"><span>3</span>Ãëºó×Ô¶¯¹Ø±Õ</div></div></div></div><div class="bg"></div>';
            document.getElementsByTagName("body")[0].appendChild(div);
        }
        var pos = AppTui.User.loginBoxTopPos();
        AppTui.$('tui_tips').style.top = pos ;
        AppTui.$("tui_tips").display = 'block';
        setTimeout(function(){AppTui.Tui.hide();},3000);
        AppTui.HashTable.getInstance().remove("current_node");
    },
    hide: function(){
        AppTui.$('tui_tips').style.display = 'none';
    },
    NoAction:function(){
        var node;
        var node_id;
        if (typeof AppTui.HashTable.getInstance().get("current_node") == "object")
        {
            node = AppTui.HashTable.getInstance().get("current_node");    
        }
        if (node.id != null && node.id != ''){
            node_id = node.id;
            var mod_id = node_id '_mod';
            if (AppTui.$(mod_id) != null)
            {
                AppTui.$(mod_id).className = '';
                AppTui.$(mod_id).className =  'tui_mod done';
                AppTui.$(mod_id).style.cursor = 'default';
            }
        }
        else{
            AppTui.$('tui_mod').className  = '';
            AppTui.$('tui_mod').className = 'tui_mod done';
            AppTui.$('tui_mod').style.cursor = 'default';
        }
        node.onclick =function(){return false;};
        node.style.cursor = 'default';
        node.disabled = true;
    },
    
    successAction: function(){
        /*add class*/
        var node;
        var node_id;
        if (typeof AppTui.HashTable.getInstance().get("current_node") == "object")
        {
            node = AppTui.HashTable.getInstance().get("current_node");    
        }
        if (node.id != null && node.id != ''){
            node_id = node.id;
            var mod_id = node_id '_mod';
            if (AppTui.$(mod_id) != null)
            {
                AppTui.$(mod_id).className = '';
                AppTui.$(mod_id).className =  'tui_mod done';
                AppTui.$(mod_id).style.cursor = 'default';
            }
            if(AppTui.$(num_id) != null){
                var num = parseInt(AppTui.$(num_id).innerHTML);
                if (!num || isNaN(num))
                {

}

                    AppTui.$(num_id).innerHTML = 1;
                }
                else{
                    AppTui.$(num_id).innerHTML = num 1;
                }
            }
        }
        else{
            AppTui.$('tui_mod').className  = '';
            AppTui.$('tui_mod').className = 'tui_mod done';
            AppTui.$('tui_mod').style.cursor = 'default';
            var num = parseInt(AppTui.$('tui_num').innerHTML);
            if (!num || isNaN(num))
            {
                AppTui.$('tui_num').innerHTML = 1;
            }
            else{
                AppTui.$('tui_num').innerHTML = num 1;
            }

var jsuggest = new JSuggest();2.jsp页面复制代码 代码如下:

        }
        node.onclick =function(){return false;};
        node.style.cursor = 'default';
        node.disabled = true;
    },
    getNumber: function(aid){
        //TODO: site id
        var _retId = aid;
        var _tuiurl = ' _retId '&random=' Math.random();
        JsLoad(_tuiurl,{
                        method:'GET',
                        varname:_retId,
                        completeListener : function(){
                                try{
                                    if(typeof arguments[0] == 'undefined') return;
                                    var number = arguments[0];
                                    var obj = null;
                                    var num_id = aid '_num';
                                    if(AppTui.$(num_id) != null){
                                        obj = AppTui.$(num_id);
                                    }
                                    else{
                                        obj = AppTui.$(AppTui.Tui._aidnum_name);
                                    }
                                    if( obj != null){
                                        obj.innerHTML = parseInt(number);
                                    }
                                }
                                catch(e){
                                    //do nothing
                                }
                                    
                        },
                        errorListener : function(){
                             //do nothing
                        }

        });
    }
};

function JsLoad(sUrl ,options){

    options = options || {};

    if(!options.sId) options.sId = 'jsload_' Math.random();

    if(!options.varname) options.varname = 'datav4';
            
    var sId = 'jsload_' options.sId;
    
    if(AppTui.$(sId)!='undefined'&&AppTui.$(sId)!=null){
        AppTui.$(sId).parentNode.removeChild(AppTui.$(sId));
    }
    var _script = document.createElement("script");
    _script.setAttribute("id", sId);
    _script.setAttribute("type", "text/javascript");
    _script.setAttribute("src", sUrl);
    document.getElementsByTagName("head")[0].appendChild(_script);
    
    if (!!document.all) {// IE
        _script.onreadystatechange = function(){
            var responseText = null;
            if (this.readyState == "loaded" || this.readyState == "complete") {
                if(options.completeListener) {
                    try{
                        responseText = eval('(' options.varname ')');
                        if(typeof responseText != null){
                            options.completeListener(responseText);
                        }else{
                            if(options.errorListener) {
                                options.errorListener();
                            }
                        }
                    }
                    catch(e)
                    {
                        if(options.errorListener)
                        {
                            options.errorListener();
                        }
                    }
                }
                _data=null;
                if(AppTui.$(sId)!='undefined'&&AppTui.$(sId)!=null){
                    AppTui.$(sId).parentNode.removeChild(AppTui.$(sId));
                }
            }
        };
    }
    else {// FF
        _script.onload = function(){
            
            var responseText = null;
            if(options.completeListener) {
                try{
                    responseText = eval('(' options.varname ')');
                    if(typeof responseText!=null){
                        options.completeListener(responseText);
                    }else{
                        if(options.errorListener) {
                            options.errorListener();
                        }    
                    }
                }
                catch(e)
                {
                  if(options.errorListener) {
                        options.errorListener();
                    }
                }
            }
            _data=null;
            //alert( sId );
            
            if(AppTui.$(sId)!='undefined'&&AppTui.$(sId)!=null){
                AppTui.$(sId).parentNode.removeChild(AppTui.$(sId));
            }
        };
    }
};

window.IFr_ptlogin2resize = function(width, height) {
    AppTui.User.resize({height: height});
}
window._addPtlogin2_onResizeFunc = function(func){
    var t = window.ptlogin2_onResize;
    if(typeof t != "function"){
        window.ptlogin2_onResize = func;
    }else{
        window.ptlogin2_onResize = function(width,height){
            //try{t(width,height);}catch(e){};
            try{func(width,height);}catch(e){}
        }
    }
}

//AppTui.Tui._aids = ['ent_20110218000021'];
AppTui.Tui.init();
function icenterGo(pathname)
{
        if(typeof(pgvMain) == 'function'){
                pvRepeatCount = 1;
                vsPgvCol = "icenter";
                pvCurDomain = "u.qq.com";
                pvCurUrl = pathname;
                pgvMain();
        }
}/*  |xGv00|8ef1d856c33cbefd3c785b84107e0ed4 */

本文由澳门新萄京发布于服务器,转载请注明出处:澳门新萄京JS实现仿百度输入框自动匹配功能的示

上一篇:澳门新萄京:js中substr,substring,indexOf,lastIndexOf的用 下一篇:没有了
猜你喜欢
热门排行
精彩图文