PHP AJAX Live Search - размещение значка загрузчика GIF

Question

В настоящее время я использую этот скрипт для поиска в реальном времени

https://www.w3schools.com/php/php_ajax_livesearch.asp

Но проблема в том, что я хочу, чтобы изображение gif загружалось в поле поиска в правильном положении, когда пользователь что-то печатал, и скрывало его, когда показывались результаты.

Спасибо

Answer 1

Вам необходимо добавить свою логику в функцию showResult:

<script>
function showResult(str) {
  if (str.length==0) { 
    document.getElementById("livesearch").innerHTML="";
    document.getElementById("livesearch").style.border="0px";
    return;
  }
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else {  // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (this.readyState==4 && this.status==200) {
      document.getElementById("livesearch").innerHTML=this.responseText;
      document.getElementById("livesearch").style.border="1px solid #A5ACB2";
    }
    /// HERE hide the image ----------------------------
  }
  xmlhttp.open("GET","livesearch.php?q="+str,true);
  xmlhttp.send();
  /// HERE show the image ---------------------------
}
</script>

Вам известен код для создания элемента IMG и добавления его рядом с полем ввода?