Создание большого текстового поля для поиска ajax

Question

Я делаю AJAX-приложение, в котором пользователь может ввести название фильма, и результаты из базы данных будут загружены через jquery из PHP API, однако я не уверен, как реализовать текстовое поле, которое будет:

(а) Будьте в центре внимания на странице (то есть довольно большой, вокруг нее светится)

(b) автоматически выполняет функцию, которая использует jquery для выполнения ajax-запроса при каждом вводе письма (вроде как в Google Instant)

Любые предложения будут очень признательны, спасибо, RayQuang

Answer 1

Если вы используете jQuery, используйте функцию .keyup, а затем помещаете свой код, который получает что-то из вашего php-скрипта, в эту функцию или делаете то, что я делаю, и выполняете ваши действия с помощью другой функции и вызываете это из функции .keyup,this:

 function getData(){
            data=$('#textareaid').val();
            $.post('http://example.come/ajaxcontroller.php', {data: data},
            function(data) {// Proccess returned ajax here, you could also use one of the ajax functions instead of .post});
          }

$(document).ready(function() {              
$('#textareaid').keyup(function(e) { getData();}
}

Что касается свечения, либо используйте css, чтобы сделать большую 3d-границу вокруг текстовой области (http://www.w3schools.com/css/css_border.asp)), либо оберните ее в элемент div и создайте фон, обеспечивающий определенный эффект, который вы ищете.

Answer 2

а) Для свечения подойдет контур или граница?

b) Используйте тег <textarea> и перехватывайте его событие onchange, чтобы каждый раз отправлять запрос AJAX. Вы можете сделать текстовую область настолько большой, насколько вы хотите, определив rows и cols