AJAX搜索提示错位了

Question

我把textbox放到gridview中，现在那个提示只在第一行那提示，不在其它行提示。有木有人做过像日历那样的啊（日历正常），希望有差不多的源码，小弟谢谢。

Answer 1

被盖住了，通过css把层的z-index值设大一点试试

Answer 2

这个没有用，现在主要的问题是：把这搜索放到gridview中后，出现了多行的同一个textbox，造成提示框只识别第一行的textbox，下面的textbox提示都跑到第一行去了

Answer 3

这个没有用，现在主要的问题是：把这搜索放到gridview中后，出现了多行的同一个textbox，造成提示框只识别第一行的textbox，下面的textbox提示都跑到第一行去了

Answer 4

这个没有用，现在主要的问题是：把这搜索放到gridview中后，出现了多行的同一个textbox，造成提示框只识别第一行的textbox，下面的textbox提示都跑到第一行去了

Answer 5

你那个提示是用来干什么的，是移到gridview中的单元格上就出提示，还是在textbox里面输入完内容后出提示,把意图说清楚

Answer 6

应该是计算位置错误导致的，你的ajax搜索是用的哪的代码?

Answer 7

var textbox ;
var xhp= create();
function create(){
var xmlhttp;
if(window.XMLHttpRequest){
             xmlhttp = new XMLHttpRequest();
              if(xmlhttp.overrideMimeType){
                 xmlhttp.overrideMimeType('text/xml');
            }
         }
          else if(window.ActiveXObject){
              try{
                 xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
            }
              catch(e){
                  try{
                         xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
                }
                  catch(e){
                 }
             }  
         }
         return xmlhttp;
     }
 function searchSuggest(name,e)
 {
     textbox = e;
     //alert(textbox);
     xhp.open("get","../AJAX/Server.aspx?Name="+escape(name),true);
    // xhp.setrequestheader("Content-Type","application/x-www-form-urlencoded");
     xhp.onreadystatechange = handleSearchSuggest;
     xhp.send(null);
       }
       function handleSearchSuggest(){
           if(xhp.readyState == 4){
              if(xhp.status == 200){
                  var suggestText = document.getElementById("search_suggest");
                  var t = textbox .offsetTop;
                  var l = textbox.offsetLeft;
                  while (textbox = textbox.offsetParent) {
                      t += textbox.offsetTop;
                      l += textbox.offsetLeft;
                  }
                  
                 // alert("top=" + t + "\nleft=" + l);
                 var sourceText = xhp.responseText.split("\n");
                   if(sourceText.length>1){
                       suggestText.style.display = "block";
                       //////////////////////////////////////////
                       t += 20;
                       suggestText.style.left = l + "px";
                       suggestText.style.top = t + "px";
                       //alert("top=" + t + "\nleft=" + l);
                       ////////////////////////////////////////
                      suggestText.innerHTML = "";
                       for(var i=0;i<sourceText.length-1;i++) {
                          var s='<div onmouseover="javascript:suggestOver(this);"';
                         s+=' onmouseout="javascript:suggestOut(this);" ';
                          s+=' onclick="javascript:setSearch(this.innerHTML);" ';
                          s+=' class="suggest_link">' +sourceText[i]+'</div>';
                          suggestText.innerHTML += s;
                      }
                  }
                   else{
                      suggestText.style.display="none";
                  }
              }
         }
       }
function suggestOver(div_value){
         div_value.className = "suggest_link_over";
      }
        function suggestOut(div_value){
          div_value.className = "suggest_link";
       }       function setSearch(obj) {
           alert(textbox + obj);
           textbox.value = obj;
         // document.getElementById("txtSearch").value = obj;
          var div = document.getElementById("search_suggest");
          div.innerHTML = "";
         div.style.display="none"; 
       }
      
       function tbblur(){
          var div = document.getElementById("search_suggest");
         //div.innerHTML = "";
         div.style.display="none"; 
     }