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

Question

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

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

(б) автоматически выполнять функцию, которая использует JQuery, чтобы сделать запрос Ajax на каждый раз, когда вводится письмо (например, google instant)

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

Answer 1

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

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

a) Для сияния, будет ли схема или граница?

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