Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> google поиск стрелочки клавиатуры 
:(
    Опции темы
Samotnik
Дата 23.4.2009, 21:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191
сделал поиск как в гугле, т.е.  вводиш букву в строку поиска она летит на сервер и результат записывается в div
Сейчас нужно сделать обработку стрелочек клавиатуры. 
т.е. как в гугле ввел букву - внизу появился список результатов, и по этим результатам можно передвигаться стрелочками. Так как это реализовано ?   smile 
 smile 
PM MAIL   Вверх
Soah
Дата 23.4.2009, 22:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54
instant-autocompleter

Это сообщение отредактировал(а) Soah - 23.4.2009, 22:16
PM MAIL   Вверх
Samotnik
Дата 24.4.2009, 09:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191
Soah,  smile    штука прикольная, только  почему - то заюзать не получается ее :(
Другие варианты есть ?   smile 
PM MAIL   Вверх
Samotnik
Дата 24.4.2009, 09:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191
Soah, как заставить этот скрипт работать ? 
я пишу вот так 
Код

<html>
<head>
<script type='text/javascript' src='instant_autocompleter.js'></script>
<script type="text/javascript">
  new InstantAutocompleter($('my-field'), ["Apple", "Orange", "Banana"]);
  
  var input = $$('input.needs-autocompleting').first();

var collection = ["Apple", "Orange", "Banana"];
  
var collection = function(value) { return ['a','b','c']; }

var options = {
  // whether or not the first match in the list is selected
  firstSelected: false,
  // limit on the number of matching results to display
  numResults: 5,
  // regex for what to look for before  match.
  // if you want to match any string inside, for example,
  // this should be empty.
  beforeMatch: /(?:^|\s)/,
  // whether or not a tab event should be successful
  continueTabOnSelect: true,
  // whether this is a tokenized, multivalue list
  multivalue: false,
  // token splitter regex if this is a multivalue list
  tokenSplitter: /[^\w\d_-]/,
  // transform separator typed when you select an item into this one instead
  transformSeparator: ', '
};
new InstantAutocompleter(input, collection, options);
</script>
</head>
<body>
<input type="text" id="my-field" />
</body>
</html>


ошибки : 
Цитата

Class is not defined
[Break on this error] var InstantAutocompleter = Class.create({
instant_...pleter.js (line 43)
$ is not defined
[Break on this error] new InstantAutocompleter($('my-field'), ["Apple", "Orange", "Banana"]);


Добавлено через 2 минуты и 54 секунды
по идее, вот так должно работать
Код

<html>
<head>
<script type='text/javascript' src='instant_autocompleter.js'></script>
</head>
<body>
<input type="text" id="my-field" />
<script type="text/javascript">
  new InstantAutocompleter($('my-field'), ["Apple", "Orange", "Banana"]);
</script>
</body>
</html>

но не работает  smile  и ошибок нету  :(
PM MAIL   Вверх
Samotnik
Дата 24.4.2009, 10:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191
БУГАГА
Я исходный код страницы их вставил себе на локалку и  он не работает smile smile smile  
 smile  smile  smile   
В чем  проблема  smile 
PM MAIL   Вверх
Soah
Дата 24.4.2009, 10:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54
Samotnik, 
instant-autocompleter
Цитата

The project requires Prototype 1.6.0.4


demo
работает?
PM MAIL   Вверх
Samotnik
Дата 24.4.2009, 10:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191
Soah, я же говорю
открыл в FF   http://instantautocompleter.appspot.com/
нажал  Ctrl + U   Затем  все выделил, скопировал и вставил себе. И не работает ничего   smile 

Цитата(Soah @  24.4.2009,  10:22 Найти цитируемый пост)
The project requires Prototype 1.6.0.4

увидел потом, подключил - результат тот же, нулевой 
PM MAIL   Вверх
Soah
Дата 24.4.2009, 10:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54
Samotnik, я не знаю что ты там делаешь, и как подключаешь, но у меня всё работает.

файл -> сохранить как -> страница полностью

Добавлено через 1 минуту и 26 секунд
Samotnik, а что ты вводишь в текстовое поле?
PM MAIL   Вверх
Soah
Дата 24.4.2009, 11:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54
скачиваем и подключаем эти файлы
http://ajax.googleapis.com/ajax/libs/proto....3/prototype.js
http://instant-autocompleter.googlecode.co...ompleter_0.1.js

Код

<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="instant_autocompleter_0.1.js"></script>
...
</head>
...
<input type="text" id="my-field" />
<script type="text/javascript">
    var values = ["111222", "111333", "111444", "111223"];
    new InstantAutocompleter($('my-field'), values);
</script>
...


прописываем стили, и всё должно работать.
PM MAIL   Вверх
Samotnik
Дата 24.4.2009, 11:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191
 smile 
странно почему  сразу не заработало ...  smile 
PM MAIL   Вверх
Samotnik
Дата 24.4.2009, 12:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191
Soah, mootools  и prototype конфликтуют ? 
я просто подключил прототайп - у меня ошибки начались в мутулзе сыпаться  smile

Добавлено через 3 минуты и 23 секунды
Soah,  другой способ реализовать это ?  smile 
У меня мутулз - он конфликтует с прототайпом. 
PM MAIL   Вверх
Soah
Дата 24.4.2009, 15:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54
С mootools никогда не работал

попробуй поменять(find and repalce) в prototype      
$(    ->    $prototype(

Добавлено через 1 минуту и 21 секунду
Код

<script type="text/javascript">
    var values = ["111222", "111333", "111444", "111223"];
    new InstantAutocompleter($prototype('my-field'), values);
</script>
PM MAIL   Вверх
Soah
Дата 24.4.2009, 16:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54
Suggest на основе библиотеки jQuery и Google Adsense

Добавлено

jQuery Autocomplete: автозаполнение

jQuery autocomplete plugin. Поля ввода с AJAX drop-down

Using jQuery with Other Libraries

Это сообщение отредактировал(а) Soah - 24.4.2009, 18:17
PM MAIL   Вверх
Samotnik
Дата 24.4.2009, 19:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191
Soah, это все круто 
но мне это не подходит по той причине, что у меня уже в принципе готов этот вылетающий список как у гугла и все там есть, кроме одной фишки - выбирать стрелочками клавиатуры значения. 
Покажи мне плиз метод в файле instant_autocompleter.js  который отвечает за обработку этих стрелочек. Я бы себе его вставил и делов то  smile 

Пэ.Эс.
Ссылки аффигенные, особенно http://web-linux.ru/?p=267 , но мне уже поздно переделывать, я уже свое навоял  smile 
PM MAIL   Вверх
Soah
Дата 24.4.2009, 20:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54
Samotnik, а исходник смотрел smile 

Код

    onKeyDown: function(event)  {
        // ...
        case Event.KEY_UP:
            this.markPrevious();
            stop = true;
            break;
        
        case Event.KEY_DOWN:
            // тут можно что-то поставить, например alert('key down');
            this.markNext();
            stop = true;
            break;
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0537 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.