powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Edit с автоматической подстановкой
8 сообщений из 8, страница 1 из 1
Edit с автоматической подстановкой
    #35890719
Фотография BurcevD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Если не секрет, как можно сделать следующее:
я начинаю вводить в поле TextInput "города", при этом мне нужно, чтобы высвечивался список возможных городов, начинающихся с введеных выше символов, с возможностью выбора нужного из выпавшего списка. Список ограничить 10 записями, кстати записи выбираться будут из таблицы МайСКЛ.
Наподобие списка адресов, когда вводишь адрес в Майл.РУ.

Спасибо заранее.
...
Рейтинг: 0 / 0
Edit с автоматической подстановкой
    #35890729
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Что такое "TextInput"?
...
Рейтинг: 0 / 0
Edit с автоматической подстановкой
    #35890755
Фотография BurcevD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSerge,

Ну я имею ввиду обычное текстовое поле ввода в форме HTML
...
Рейтинг: 0 / 0
Edit с автоматической подстановкой
    #35890815
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну программу нужно писать. На яваскрипте на онкейап запускать таймер, в таймере останавливать таймер, считать символы, если меньше какого-то числа перезапускать таймер. Дальше позиционировать див под инпут и выводить в него из базы результат запроса, если count<=10, иначе перезапускать таймер.
...
Рейтинг: 0 / 0
Edit с автоматической подстановкой
    #35890846
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
BurcevD , лови событие onkeypress() на своем инпуте... А там как-то обращайся к данным и меняй ДИВ или СЕЛЕКТ... По настроению.
...
Рейтинг: 0 / 0
Edit с автоматической подстановкой
    #35890853
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Если ЭстЪ желание - можете поковырять это ...
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Edit с автоматической подстановкой
    #35890883
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Идею можно посмотреть .
...
Рейтинг: 0 / 0
Edit с автоматической подстановкой
    #35892437
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я тоже сторонник Саггеста - люблю собственные элементы ... правда, не всегда это надо. Иногда можно обойтись простыми элементами и простой технологией ...

Поднял проект двухгодичной давности ... не очень горжусь, просто не сразу вспомню где и когда использовал эту технологию позже. В зоне, предназначенной для выбора города, есть строка ввода (id="letters") и селект с городами (id="city").
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
document.getElementById("letters").onkeyup = function() {
	updateCities();
};
function updateCities() {
	if (document.getElementById("letters").value != "" && entered_text != document.getElementById("letters").value) {
		request.abort();
		request.open("POST", url + "?action=...&letters=" + document.getElementById("letters").value + "&rand=" + Math.random(), true);
		request.onreadystatechange = behaviorCities;
		request.send(null);
	} else if (document.getElementById("letters").value == "") {
		request.abort();
		entered_text = "";
		document.getElementById("city").options.length =  0 ;
	}
}
function behaviorCities() {
	if (request.readyState ==  4 ) {
		document.getElementById("city").options.length =  0 ;
		var cities = request.responseXML.getElementsByTagName("c");
		for (var i =  0 ; i < cities.length; i++) {
			if (cities[i].attributes[ 0 ].value == "#city")
				document.getElementById("city").options[i] = new Option(cities[i].attributes[ 1 ].value, cities[i].attributes[ 0 ].value, true, true);
			else document.getElementById("city").options[i] = new Option(cities[i].attributes[ 1 ].value, cities[i].attributes[ 0 ].value);
		}
	}
}
entered_text - предыдущее состояние строки ввода (чтобы не вызывать повторный запрос),
ответ формировался как XML, отсюда распарсовка и т.д.

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


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