﻿function ChkSearch()
{
    var Keys=document.getElementById("txtSearchKeys").value;
    if(Keys=="")
    {    
        //关键字不存在
        alert('请输入查询关键字');
        document.getElementById("txtSearchKeys").focus();
        return false;    
    }
    else    
    {
        window.location.href="search.html?keys="+encodeURIComponent(Keys);
    }
}
//------------------------------------------------------ 智能搜索开始 ----------------

        //输入信息的文本框
        var txtInput;
        var divContent;
        var xmlHttp;
        //下拉表当前选中项的索引
        var currentIndex = -1;
        //设置下拉表 相对于 文本输入框的位置
        function setPosition() {
            var width = txtInput.offsetWidth;
            var left = getLength("offsetLeft");
            var top = getLength("offsetTop") + txtInput.offsetHeight;
            document.getElementById("searchLoad").style.left=divContent.style.left = left + "px";
            document.getElementById("searchLoad").style.top=divContent.style.top = top + "px";
            document.getElementById("searchLoad").style.width = divContent.style.width = (width - 1) + "px";

            //转移焦点到表格
            //             var evt = getEvent();
            //             if (evt.keyCode == 40) {
            //                 document.getElementById("tblContent").focus;
            //             }

        }
        //获取对应属性的长度 
        function getLength(attr) {
            var offset = 0;
            var item = txtInput;
            while (item) {
                offset += item[attr];
                item = item.offsetParent;
            }
            return offset;
        }
        //自动完成
        function autoComplete(textInput, divData, flag) {

            //加载load
            var searchLoad = document.getElementById("searchLoad");

            txtInput = document.getElementById(textInput);
            divContent = document.getElementById(divData);
             
            //输入框文字大于2时显示
            if (txtInput.value.toString().replace(" ", "").length > 1) {
                searchLoad.style.display = "block";
            }     
                  
            //设置下拉表 相对于 文本输入框的位置
            setPosition();
            //如果值为空 
            if (txtInput.value == "") {
                divContent.style.display = 'none';
                return;
            }
            //恢复下拉选择项为 -1 
            currentIndex = -1;

            //开始请求
            if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();
            }
            else if (window.ActiveXObject) {
                try {
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch (e)
                {
                     try {
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                     }
                     catch (e) { }
                }
            }
            xmlHttp.onreadystatechange = displayResult;
            xmlHttp.open("POST", "/Inc/SearchAutoComplete.aspx?keys=" + escape(txtInput.value)+"&num="+Math.random(), true);
            xmlHttp.send(null);
            
        }
        //显示结果 
        function displayResult() {
            if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
                if (xmlHttp.status == 200 || xmlHttp.status == 0) {
                    showData();
                    divContent.style.display = "";
                    //隐藏loading
                    document.getElementById("searchLoad").style.display = "none";
                }
            }
        }
        //显示服务器返回的结果 ,并形成下拉表
        function showData() {

            // return xmlHttp.responseText;
            //获取数据
            if (typeof (window.ActiveXObject) != 'undefined') {
                //ie
                try {
                    var res = xmlHttp.responseText;
                    divContent.innerHTML = res;
                } catch (e) { }
            }
            else if (document.implementation && document.implementation.createDocument) {
            //ff
            try {
            divContent.innerHTML = xmlHttp.responseText;
                } catch (e) { }
            }
        }
        //选择下拉表中当前项的值 ,用于按回车或鼠标单击选中当前项的值
        function selValue() {
            var evt = getEvent();
            var srcElement = evt.srcElement || evt.target;
            if (evt.keyCode != 13) {
                txtInput.value = srcElement.innerText;
                //打开对应网址
                //location.href="http://www.tzmaimai.com"
            }
            initList();
            //转移焦点到表格
            //document.getElementById("tblContent").focus;


        }
        //文本框失去焦点时 设置下拉表可见性
        function setDisplay(textInput, divData) {
            txtInput = document.getElementById(textInput);
            divContent = document.getElementById(divData);
            
            //获取当前活动td的表格
            if (document.activeElement.tagName == "td") {
                var tbl = document.activeElement.parentElement.parentElement.parentElement;
                //如果不是下拉表,则隐藏 下拉表 
                if (tbl.id != "tblContent") {
                    initList();
                }

                return;
            }
            initList();
        }
        function initList() {
            divContent.style.display = 'none';
            divContent.innerHTML = "";
            currentIndex = -1;
        }

        function getEvent() {//event 同时兼容ie和ff的写法
            if (document.all) {
                return window.event;
            }
            func = getEvent.caller;
            while (func != null) {
                var arg0 = func.arguments[0];
                if (arg0) {
                    if ((arg0.constructor == Event || arg0.constructor == MouseEvent) || (typeof (arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) {
                        return arg0;
                    }
                }
                func = func.caller;
            }
            return null;
        }
//--------------智能搜索结束-------------------

//显隐切换
function changeAlt(btn, style) 
{
    var btn = document.getElementById(btn);
    btn.style.display = style;
}