powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Упавление выпадающим списком с помощью курсора.
21 сообщений из 21, страница 1 из 1
Упавление выпадающим списком с помощью курсора.
    #35779818
NewLine
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Привет.
Использую ajax и php.
Есть поле ввода.
<input size="30" autocomplete="off" type="text" name="search_input" id="search_input">

Начинаю вводить в него данные, по событию данные отправляются на сервер и совпадения отображаются в выпадающем списке <select>.

Как мне этим списком упарвлять с помощью курсора(вверх, вниз), пока фокус находится в элементе ввода <input>.

Спасибо.
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35779948
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
onkeydown этому элементу прописать и аналичировать клавишу.
Т.е.
Код: plaintext
1.
2.
3.
4.
5.
6.
<input size="30" autocomplete="off" type="text" name="search_input" id="search_input" onkeydown="keydwn(event)">
<script>
function keydwn(ev){
   alert(ev.keyCode);
}
</script>
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35780301
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Пардон. Вопрос не понял.
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35780328
Фотография Restavraciya
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Так как в поиске этого сайта ? (поле где ник вводится)
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35780366
NewLine
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
[quote]Так как в поиске этого сайта ? (поле где ник вводится)[/quote]

Да!!!
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35787418
NewLine
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Неужели, так никто и не подскажет, как реализуется такой поиск...
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35787445
NewLine
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Я сейчас начал такой поиск реализовывать и у меня возникают вопросы...

1. Где вообще отображать то, что я нажел в <select> или нужно делать слои с данными которые нашлись.
2. Когда я это делаю в селек и нажимаю Enter у меня выбирается нужный элемент, но при этом еще и кнопка обрабатывается и происходит перезагрузка страницы.
3. Какое событие нужно ловить, чтобы прятать элемент в котором отображаютя найденные элементы.

Спасибо за помощь.
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35787486
Evgeniy_SH
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
есть поле ввода, есть например див в котором отображается результат ввода в поле...
видимо надо повесить кейлистнер(ап+даун) на то поле где вводишь слова ;)... и если нажали(ап+даун) в этом поле ;) меняешь див...

ну например массив в див

selected | text
0 | hello
1 | bye
0 | prived

Где ;) 0, не выбранный элемент, 1 где выбранный ;)... вот и всё...
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35787520
Evgeniy_SH
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
;)сорри не прочитал внимательно, но всё равно, смысл тот же... вешаешь листнер на поле ввода на кнопки вверх+вниз, и если нажимают, просто в <select> меняешь выбранный элемент

FirstOpt = form.pre_col_names.selectedIndex;
for (var i = 0; i < form.pre_col_names.length; i++)
form.pre_col_names.options[i].selected = false;

form.pre_col_names.options[0].selected = true;

:)) чё-нить типа того...
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35787533
Evgeniy_SH
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
NewLine
2. Когда я это делаю в селек и нажимаю Enter у меня выбирается нужный элемент, но при этом еще и кнопка обрабатывается и происходит перезагрузка страницы.
3. Какое событие нужно ловить, чтобы прятать элемент в котором отображаютя найденные элементы.

Спасибо за помощь.

2. ;) сделай так, что если ты начал обращаться к селек ;) форм онсабмит=фалс... если уже выбрал форма онсабмит=тру...

3. онклик, + см пункт 2
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35787982
NewLine
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Я javascript выставляю размер выпадающего списка select.size = lenght.

И все благополучно работает, пока не становиться один эелемент, тогда select становиться сново со стрелочкой справа (типа выпадающей список) и уже не выделяются элементф с помощью (up и down).
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35788041
mrJust
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
>>NewLine

переколбасьте <select /> в <ul /> - меньше гемора будете ловить в дальнейшем.
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35788047
Evgeniy_SH
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ну сделай проверку на количество элементов, если один ;) тупо выдели его...
form.pre_col_names.options[0].selected = true;
или ты хочешь что б не отображалась ещё стрелочка?
;) я б изначально сделал через див вместо селекта...
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35788053
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
NewLine,

попробуй его обдурить - при length==1 выставлять size=2, чтобы селект оставался многострочным. Опция внутри селекта будет одна. Как недостаток - под этой опцией останется пустое место под вторую несуществующую, но это стилями можно подправить.
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35788091
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Evgeniy_SH;) я б изначально сделал через див вместо селекта...
див/список действительно более многообещающий, чем селект.... Зато в селекте не надо придумывать обработчики на "вверх"-"вниз". Помогает в случае лени :-)

П.С. NewLine, селект довольно скуден в плане стилевого оформления. Если хочется красивостей - точно нужно переделывать на div либо ul.
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35788117
NewLine
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Ок. Спасибо большое.
Переделаю в div или ul.
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35788438
NewLine
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Вопрос в догонку, а как лучше этот список менять когда обрабатываешь кнопки up и down.
Я что-то не очень понял про способ Evgeniy_SH .

Или нужно и правда при каждом нажатии на кнопку перестраивать div или ul?
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35788521
Evgeniy_SH
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
;) нет не нужно...

<div id="searchresultform">
<div id="sr0" class="notselected">item0</div>
<div id="sr1" class="notselected">item1</div>
<div id="sr2" class="notselected">item2</div>
<div id="sr3" class="selected">item3</div>
<div id="sr4" class="notselected">item4</div>
</div>

style:
#searchresult .notselectd {
color: red;
}

#searchresult .selected {
color: black;
}

javascript:
searchId = 0; // устанавливается в 1 при каждом одновлении дива.. я думаю что ты качаешь данные через аякс

buttonup:
if(searchId != 0) skip :)
else (
eval(document.getElementById('
searchResult.id.style.class=notselected;
searchId--;
searchResult.id.style.class=selected;
)

buttondows:
if(searchId == maxId) skip :)
else (
searchResult.id.style.class=notselected;
searchId++;
searchResult.id.style.class=selected;
)

конечно это всё примерно ;) но смысл таков....
как через жаваскрипт найти ;) searchresult и вложенные в него id конечно это тебе надо будет найти самому...


<script type="text/javascript">
function someFoo() {
sr = eval("document.getElementById('sr" + 1 + "');");
sr.style.color = "red";
}
</script>
<div id="searchresult">
<div id="sr1">item1</div>
<div id="sr2">item2</div>
</div>
<input type="button" onclick="someFoo()">
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35788590
NewLine
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Блин парни...
Спасибо большое.
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35789277
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Evgeniy_SH
sr = eval("document.getElementById('sr" + 1 + "');");
sr.style.color = "red";

Евгений, а eval то зачем? sr=document.getElementById('sr' + 1) найдет то, что нужно.
...
Рейтинг: 0 / 0
Упавление выпадающим списком с помощью курсора.
    #35791301
Evgeniy_SH
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
illion: такой способ, какой указала ты, думал не будет работать... а почему не будет работать? потому что не проверил!... ;) был убежден всю дорогу, что без eval не будет работать...

я вам - вы мне...
...
Рейтинг: 0 / 0
21 сообщений из 21, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Упавление выпадающим списком с помощью курсора.
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]