﻿// JScript 文件

        var xmlHttp3;
        var completeDiv3;
        var inputField3;
        var nameTable3;
        var nameTableBody3;
        var flag3=false;

        function createXMLHttpRequest3() {
            if (window.ActiveXObject) {
                xmlHttp3 = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if (window.XMLHttpRequest) {
                xmlHttp3 = new XMLHttpRequest();                
            }
        }
        
        function DisSelect5()
        {
            if(flag3==false)
            document.getElementById("popup5").style.display="none";
        }

        function initVars3() {
            inputField3 = document.getElementById("tb_key");            
            nameTable3 = document.getElementById("name_table5");
            completeDiv3 = document.getElementById("popup5");
            nameTableBody3 = document.getElementById("name_table_body5");
            document.getElementById("popup5").style.display="block";
            
        }


        function callback3() {
        
            if (xmlHttp3.readyState == 4) {
                if (xmlHttp3.status == 200)
                {
                    try
                    {                       
                        var name = xmlHttp3.responseXML.getElementsByTagName("name")[0].firstChild.data;                        
                    }
                    catch(e)
                    {
                        document.getElementById("popup5").style.display="none";
                        clearNames3();
                    }
                    setNames3(xmlHttp3.responseXML.getElementsByTagName("name"));
                    
                } 
                else if (xmlHttp3.status == 204)
                {
                    clearNames3();
                }
            }
            
        }
        
        function setNames3(the_names) {           
        
            clearNames3();
            var size = the_names.length;
            setOffsets3();

            var row5, cell5, txtNode5;
            for (var i = 0; i < size; i++) {
                var nextNode5 = the_names[i].firstChild.data;
                
                row5 = document.createElement("tr");
                
                cell5 = document.createElement("td");
                
                cell5.onmouseout = function() {this.className='mouseOver';flag3=false;};
                cell5.onmouseover = function() {this.className='mouseOut';flag3=true;};
                cell5.setAttribute("bgcolor", "#ffffff");
                cell5.setAttribute("border", "0");
                cell5.setAttribute("height","18px");
                cell5.onclick = function() { populateName3(this); } ;                             

                txtNode5 = document.createTextNode(nextNode5);
                cell5.appendChild(txtNode5);
                row5.appendChild(cell5);
                nameTableBody3.appendChild(row5);    
            }
        }

        function setOffsets3() {
            var end = inputField3.offsetWidth;
            var left = calculateOffsetLeft3(inputField3);
            var top = calculateOffsetTop3(inputField3) + inputField3.offsetHeight;
            completeDiv3.style.border = "black 1px solid";
            nameTable3.style.width="300px";
        }
        
        function calculateOffsetLeft3(field) {
          return calculateOffset3(field, "offsetLeft");
        }

        function calculateOffsetTop3(field) {
          return calculateOffset3(field, "offsetTop");
        }

        function calculateOffset3(field, attr) {
          var offset = 0;
          while(field) {
            offset += field[attr]; 
            
            field = field.offsetParent;
          }//alert(offset);
          return offset;
        }

        function populateName3(cell) {
            inputField3.value = cell.firstChild.nodeValue;
            clearNames3();
            //InitOtherControl(inputField.value);
            
        }

        function clearNames3() {
            var ind = nameTableBody3.childNodes.length;
            for (var i = ind - 1; i >= 0 ; i--) {
                 nameTableBody3.removeChild(nameTableBody3.childNodes[i]);
            }
            completeDiv3.style.border = "none";
        }
        
        function gotoSearch()
        {
            var productType =document.getElementById("productType");
            var p_Brand =document.getElementById("p_Brand");
            
        }
        
        function findNames5()
        {    
            
            var comp = document.getElementById("tb_key");
            initVars3();           
            if (comp.value.length > 0) 
            { 
                createXMLHttpRequest3();          
                var url = "AjaxCity.aspx?b=5&jx=" + escape(comp.value);  
                xmlHttp3.open("GET", url, true);
                xmlHttp3.onreadystatechange = callback3;
                xmlHttp3.send(null);
                
            } 
            else
                clearNames3();
            
        }     