﻿// JScript 文件

        var xmlHttp1;
        var completeDiv1;
        var inputField1;
        var nameTable1;
        var nameTable1Body1;
        var flag1=false;

        function createxmlHttpRequest1() {
            if (window.ActiveXObject) {
                xmlHttp1 = new ActiveXObject("Microsoft.xmlHttp");
            }
            else if (window.xmlHttpRequest) {
                xmlHttp1 = new xmlHttpRequest();                
            }
        }
        
        function DisSelect1()
        {
            if(flag1==false)
            document.getElementById("popup1").style.display="none";
        }

        function initVars1() {
            inputField1 = document.getElementById("tb_end");            
            nameTable1 = document.getElementById("name_table1");
            completeDiv1 = document.getElementById("popup1");
            nameTable1Body1 = document.getElementById("name_table_body1");
            document.getElementById("popup1").style.display="block";
            
        }


        function callback1() {
        
            if (xmlHttp1.readyState == 4) {
                if (xmlHttp1.status == 200)
                {
                    try
                    {                       
                        var name = xmlHttp1.responseXML.getElementsByTagName("name")[0].firstChild.data;                        
                    }
                    catch(e)
                    {
                        document.getElementById("popup1").style.display="none";
                        clearNames1();
                    }
                    setNames1(xmlHttp1.responseXML.getElementsByTagName("name"));
                } 
                else if (xmlHttp1.status == 204)
                {
                    clearNames1();
                }
            }
        }
        
        function setNames1(the_names) {            
            clearNames1();
            var size = the_names.length;
            setOffsets1();

            var row, cell, txtNode;
            for (var i = 0; i < size; i++) {
                var nextNode = the_names[i].firstChild.data;
                
                row = document.createElement("tr");
                
                cell = document.createElement("td");
                
                cell.onmouseout = function() {this.className='mouseOver';flag1=false;};
                cell.onmouseover = function() {this.className='mouseOut';flag1=true;};
                cell.setAttribute("bgcolor", "#ffffff");
                cell.setAttribute("border", "0");
                cell.setAttribute("height","18px");
                cell.onclick = function() { populateName1(this); } ;                             

                txtNode = document.createTextNode(nextNode);
                cell.appendChild(txtNode);
                row.appendChild(cell);
                nameTable1Body1.appendChild(row);    
            }
        }

        function setOffsets1() {
            var end = inputField1.offsetWidth;
            var left = calculateOffsetLeft(inputField1);
            var top = calculateOffsetTop(inputField1) + inputField1.offsetHeight;
            completeDiv1.style.border = "black 1px solid";
            nameTable1.style.width="105px";
        }
        
        function calculateOffsetLeft(field) {
          return calculateOffset(field, "offsetLeft");
        }

        function calculateOffsetTop(field) {
          return calculateOffset(field, "offsetTop");
        }

        function calculateOffset(field, attr) {
          var offset = 0;
          while(field) {
            offset += field[attr]; 
            
            field = field.offsetParent;
          }//alert(offset);
          return offset;
        }

        function populateName1(cell) {
            inputField1.value = cell.firstChild.nodeValue;
            clearNames1();
            //InitOtherControl(inputField1.value);
        }

        function clearNames1() {
            var ind = nameTable1Body1.childNodes.length;
            for (var i = ind - 1; i >= 0 ; i--) {
                 nameTable1Body1.removeChild(nameTable1Body1.childNodes[i]);
            }
            completeDiv1.style.border = "none";
        }
        
        function gotoSearch()
        {
            var productType =document.getElementById("productType");
            var p_Brand =document.getElementById("p_Brand");
            p_Brand
            alert(p_Brand.value);
        }
        
        function findNames1()
        {    
    
            var comp = document.getElementById("tb_end");
            initVars1();           
            if (comp.value.length > 0) 
            { 
                createxmlHttpRequest1();        
                var url = "AjaxCity.aspx?b=3&jx=" + escape(comp.value);  
                xmlHttp1.open("GET", url, true);
                xmlHttp1.onreadystatechange = callback1;
                xmlHttp1.send(null);
            } 
            else
                clearNames1();
            
        }     