автозаполнение в стиле Google с помощью клавиш со стрелками - PullRequest
Новая
       2

автозаполнение в стиле Google с помощью клавиш со стрелками

1 голос
/ 12 июня 2011

Я создал простую поисковую систему, которая отображает результаты базы данных MySQL, используя функцию php "LIKE" (код ниже). все отлично работает Я просто хотел бы сделать так, чтобы, когда пользователь начинает печатать, он / она может использовать клавиши со стрелками для прокрутки вниз и нажать Enter на элементе, похожем на Google. Благодарю. мой код:

HTML: 

<input type="text" name='search' id="searchbooks" onkeyup='getbooks(this.value);'       value="search" onblur="setTimeout('removedrop()', 80);">

<div id='drop'></div>

JAVASCRIPT: 

function getbooks(value){
    if (value!=""){



    $.post('getbooks.php', {book: value},
        function (data) {
            $('#drop').html(data);
            doCSS();                
        });

        }
        else {

        $('#drop').html("");
        undoCSS();
        }

}
Файл getbooks.php: 

<?php
include 'connect.php';

$book=mysql_real_escape_string(addslashes($_POST['book']));

$result=mysql_query("SELECT * FROM searchengine WHERE title LIKE '$book%'");


while ($row=mysql_fetch_assoc($result)){
$title=$row['title'];
$id=$row['id'];


echo "<div id='link'><a href='index.php?id=$id' id='words'>". $row['title'] ."</a></div>";

}
?>

1 Ответ

0 голосов
/ 12 июня 2011

Как насчет использования плагина jQuery для автозаполнения ? Это сделано именно для этого случая использования.

enter image description here

...