Как сделать всю строку кликабельной в реальном времени поиска - PullRequest
Новая
       16

Как сделать всю строку кликабельной в реальном времени поиска

0 голосов
/ 07 февраля 2019

Я работаю над поиском в реальном времени. После написания ссылки подряд с использованием ajax перестает отвечать

это код, который я сделал

// пусть это имя страницы является индексом.php 

<div>
      <input type="search" id="searchterm" name="searchterm" placeholder="Search" >   
</div>
<table id="result"></table>

// это скрипт index.page 

<script>
$(document).ready(function(){
    load_data();
    function load_data(query)
    {
        $.ajax({
            url:"search.php",
            method:"post",
            data:{query:query},
            success:function(data)
            {
                $('#result').html(data);
            }
        });
    }



$('#searchterm').keyup(function(){
        var search = $(this).val();
        if(search != '')
        {
            load_data(search);
        }
        else
        {
            load_data();            
        }
    });
});
</script>

// эта страница - search.php 

$output='';
if(isset($_POST["query"]))
 {
    $keyword=mysqli_real_escape_string($conn, $_POST["query"]);
    $query="SELECT uid,name,lastname ,profile_pic,about FROM comnet_user_details WHERE uid!='$uid' AND concat_ws(' ',name, lastname) LIKE UPPER('%$keyword%')";

 $result=mysqli_query($conn,$query);



if(mysqli_num_rows($result) > 0)
 {
while($r=mysqli_fetch_array($result))
    {
        $nm=$r["name"]." ".$r["lastname"];
        $profilepic=$r["profile_pic"];
        $about=$r["about"];
        $id=$r["uid"];





  $output .=
     '<table class="msgtab" id="fetchresult">

      <tr  class="trow" onclick="location.href="conversation.php?value='.$id.'"">

     <td class="msg-col-1"><img src="images/profilepic/'.$r["profile_pic"].'alt="Avatar" class="circlemsg"></td>

     <td class="msg-col-2">
        <h5 class="msgheading">'.$nm.'</h5>
        <p class="msgcontent">'.$about.'</p>

        </td>
        </tr>;
        }
         echo $output;
}

Я ожидаю вживуюСтрока результатов поиска должна быть кликабельной, и нажатие на конкретный результат или строку должно вести на страницу желаний, но моя ссылка с результатами поиска не работает

Ответы [ 2 ]

0 голосов
/ 23 февраля 2019

Хорошо ... После многократной работы над ним я нашел решение, и это работает для меня.Это похоже на то, что 

if(mysqli_num_rows($result) > 0) {

   $output = '<table class="msgtab" id="fetchresult">'; 

while($r=mysqli_fetch_array($result))
    {
        $nm=$r["name"]." ".$r["lastname"];
        $profilepic=$r["profile_pic"];
        $about=$r["about"];
        $id=$r["uid"];


    $output .=
'<table class="msgtab" id="fetchresult">

      <tr  class="trow" onclick=location.href="conversation.php?value='.$id.'">

     <td class="msg-col-1"><img src="images/profilepic/'.$r["profile_pic"].'" alt="Avatar" class="circlemsg"></td>

     <td class="msg-col-2">
        <h5 class="msgheading">'.$nm.'</h5>
        <p class="msgcontent">'.$about.'</p>

        </td>
        </tr>';

   }


$output .= '</table>';
echo $output;

}

После этого вся моя строка теперь активна.

0 голосов
/ 07 февраля 2019

  • В * 1003 есть опечатка * Это должно быть <img src="images/profilepic/'.$r["profile_pic"].'" alt="Avatar" class="circlemsg">

  • Кроме того, profile_pic также имеет расширение (то есть: 'jpg, png ')?

Редактировать:

Не могли бы вы заменить фрагмент кода на этот (надеюсь, он будет работать): - создать table -в цикле while -> создать каждую строку <tr> - затем закрыть table

if(mysqli_num_rows($result) > 0) {

   $output = '<table class="msgtab" id="fetchresult">'; 

while($r=mysqli_fetch_array($result))
    {
        $nm=$r["name"]." ".$r["lastname"];
        $profilepic=$r["profile_pic"];
        $about=$r["about"];
        $id=$r["uid"];


    $output .=
    '<a href="conversation.php?value='.$id.'">
    <tr class="trow">
    <td class="msg-col-1"><img src="images/profilepic/'.$r["profile_pic"].'" alt="Avatar" class="circlemsg"></td>
    <td class="msg-col-2">
    <h5 class="msgheading">'.$nm.'</h5>
    <p class="msgcontent">'.$about.'</p>
    </td>
    </tr>
    </a>';

    }

$output .= '</table>';

echo $output;

}
...