ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как добавить в autocomplete событие выбора с клавиатуры страну.
25 сообщений из 30, страница 1 из 2
  1  все
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002061
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Здравствуйте! Подскажите, как добавить возможность выбора страны из списка при помощи клавиатуры?
Код: html
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.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
<html>
<head>
<TITLE>jQuery AJAX Autocomplete - Country Example</TITLE>
<head>
<style>
body{width:610px;}
.frmSearch {border: 1px solid #F0F0F0;background-color:#C8EEFD;margin: 2px 0px;padding:40px;}
#country-list{float:left;list-style:none;margin:0;padding:0;width:190px;}
#country-list li{padding: 10px; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;}
#country-list li:hover{background:#F0F0F0;}
#search-box{padding: 10px;border: #F0F0F0 1px solid;}
</style>
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
	$("#search-box").keyup(function(){
		$.ajax({
		type: "POST",
		url: "readCountry.php",
		data:'keyword='+$(this).val(),
		beforeSend: function(){
			$("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
		},
		success: function(data){
			$("#suggesstion-box").show();
			$("#suggesstion-box").html(data);
			$("#search-box").css("background","#FFF");
		}
		});
	});
});

function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
</head>
<body>
<div class="frmSearch">
<input type="text" id="search-box" placeholder="Country Name" />
<div id="suggesstion-box"></div>
</div>
</body>
</html>



Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<?php
require_once("dbcontroller.php");
$db_handle = new DBController();
if(!empty($_POST["keyword"])) {
$query ="SELECT * FROM country WHERE country_name like '" . $_POST["keyword"] . "%' ORDER BY country_name LIMIT 0,6";
$result = $db_handle->runQuery($query);
if(!empty($result)) {
?>
<ul id="country-list">
<?php
foreach($result as $country) {
?>
<li onClick="selectCountry('<?php echo $country["country_name"]; ?>');"><?php echo $country["country_name"]; ?></li>
<?php } ?>
</ul>
<?php } } ?>
...
Рейтинг: 0 / 0
08.07.2015, 10:18
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002137
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
son456, используйте http://jqueryui.com/autocomplete/ и перепишите код под него.
...
Рейтинг: 0 / 0
08.07.2015, 11:19
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002380
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
А как туда вставить Ajax?
...
Рейтинг: 0 / 0
08.07.2015, 14:20
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002386
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Мне нужно обрабатывать символы которые вводит пользователь в edit, для того чтобы сравнить их с тем что есть в базе.
...
Рейтинг: 0 / 0
08.07.2015, 14:24
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002389
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Я работаю с:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>autocomplete demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body>
 
<label for="autocomplete">Select a programming language: </label>
<input id="autocomplete">
 
<script>
$( "#autocomplete" ).autocomplete({
  source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
</script>
 
</body>
</html>
...
Рейтинг: 0 / 0
08.07.2015, 14:27
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002489
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
son456, читайте внимательнее то, что есть по ссылке:

source

Type: Array or String or Function( Object request, Function response( Object data ) )

Function: The third variation, a callback, provides the most flexibility and can be used to connect any data source to Autocomplete. The callback gets two arguments:

A request object, with a single term property, which refers to the value currently in the text input. For example, if the user enters "new yo" in a city field, the Autocomplete term will equal "new yo".

A response callback, which expects a single argument: the data to suggest to the user. This data should be filtered based on the provided term, and can be in any of the formats described above for simple local data. It's important when providing a custom source callback to handle errors during the request. You must always call the response callback even if you encounter an error. This ensures that the widget always has the correct state.
...
Рейтинг: 0 / 0
08.07.2015, 15:28
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002504
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
Может, вам и вариант со String подойдет. Там в доке чуть повыше. Проще будет, чем function.
...
Рейтинг: 0 / 0
08.07.2015, 15:37
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002600
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Не работает в IE8!
...
Рейтинг: 0 / 0
08.07.2015, 16:37
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002606
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Мой код не хочет работать в IE8!
...
Рейтинг: 0 / 0
08.07.2015, 16:41
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002608
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Пишет что ошибка! Что делать?
...
Рейтинг: 0 / 0
08.07.2015, 16:41
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002615
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Ошибка на страннице!
...
Рейтинг: 0 / 0
08.07.2015, 16:44
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002617
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
son456, никто не видит вашего кода и текста ошибки.
...
Рейтинг: 0 / 0
08.07.2015, 16:46
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002630
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
jQuery('#autocomplete').autocomplete({
        source: function(request, response) {
            jQuery.getJSON('script.php', {
                keyword: request.term
            }, function(data) {response(data);});
        },
        minLength: 3,
        select: function(event, ui) {
            alert('id: ' + ui.item.id + ', name: ' + ui.item.label);
        }
});


Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
require_once("dbcontroller.php");
$db_handle = new DBController();
$keyword = mysql_real_escape_string(trim(strip_tags($_POST["keyword"])));
if(!empty($keyword)) {
    $query = "SELECT id, country_name AS label
              FROM country
              WHERE country_name like '{$keyword}%'
              ORDER BY country_name LIMIT 0,6";
    $result = $db_handle->runQuery($query);
    if (!empty($result)) {
        echo json_encode($result);
    }
}
exit;
...
Рейтинг: 0 / 0
08.07.2015, 16:54
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002643
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
SharuPoNemnogu,

.. так там же GET в запросе ....
...
Рейтинг: 0 / 0
08.07.2015, 17:09
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39002644
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
carrotik,

ага, запостил, потом заметил, писать влом)
...
Рейтинг: 0 / 0
08.07.2015, 17:09
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39003036
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Сведения об ошибке на веб-странице

Агент пользователя: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.2)
штамп времени: Thu, 9 Jul 2015 04:52:01 UTC


Сообщение: 'label' - есть null или не является объектом
Строка: 3333
Символ: 4
Код: 0
URI-код: http://localhost/Site/jquery-ui.js
...
Рейтинг: 0 / 0
09.07.2015, 07:54
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39003056
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
son456, ваш код покажите.
...
Рейтинг: 0 / 0
09.07.2015, 08:43
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39003058
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Зачем показывать код, если указывает на файл jquery-ui.js в строке 3333 'label' - есть null или не является объектом.
...
Рейтинг: 0 / 0
09.07.2015, 08:51
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39003066
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
son456, потому что ошибка может быть в данных, которые вы генерируете для Autocomplete.
Но вы можете сидеть и гнуть пальцы дальше, если не хотите разбираться в проблеме. Не хотите ничего показывать - не надо. Только, как вы думаете, что бы вам сказали разработчики jQuery UI о таком сообщении об ошибке.
...
Рейтинг: 0 / 0
09.07.2015, 09:06
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39003071
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Код: html
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.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>autocomplete demo</title>
  <link rel="stylesheet" href="jquery-ui.css">
  <script src="jquery.js"></script>
  <script src="jquery-ui.js"></script>
</head>
<body>
<script>
$(document).ready(function(){	
 $("#autocomplete").keyup(function(e){      
		$.ajax({
		type: "POST",
		url: "readStation.php",
		data:
		
		'keyword='+$(this).val()
		
		
		,
		beforeSend: function(){
			$("#autocomplete").css("background"," url(LoaderIcon.gif) no-repeat 165px");
		},
		success: function(data){
			$("#suggesstion-box").show();
			$("#suggesstion-box").html(data);
			
			$("#autocomplete").css("background","#FFF");
		}
		});
	});
});
</script>
<label for="autocomplete">Select a programming language: </label>
<input id="autocomplete">
<div id="suggesstion-box"></div>
<INPUT TYPE="HIDDEN" NAME="DEST_STA_NO" id="DEST_STA_NO" />
</body>
</html>



Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<?php 
include_once "Classes/class.OracleCon.php";
$oracle = new OracleCon();
$oracle->OpenCon();

?>

<?php
if(isset($_POST["keyword"])) 
{
  if(strlen($_POST["keyword"])>4) 
  {
    $result =$oracle->SelectStationList('begin STA_FIND(:pfind,:pcursor); end;',$_POST["keyword"]);
  ?>
    <script>
    $( "#autocomplete" ).autocomplete({
    source: [<?php   foreach ($result as $station)// переводит массивы из php в javascript
    echo  '"'.$station["STA_NAME"].'",';   ?>]
    });
    </script>
	<?php
  }
}
?>
...
Рейтинг: 0 / 0
09.07.2015, 09:20
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39003086
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
son456,

Код: php
1.
echo  '"'.$station["STA_NAME"].'",';   ?>]



Вот я тут вижу запятую в конце данных. После нее ничего не следует. Не хотите убрать?
Зачем на последнем проходе в цикле запятую ставить?
...
Рейтинг: 0 / 0
09.07.2015, 09:40
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39003090
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Код работает в Google crome, Farefox.
...
Рейтинг: 0 / 0
09.07.2015, 09:45
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39003094
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
son456, это ничего не значит.
...
Рейтинг: 0 / 0
09.07.2015, 09:48
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39003098
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
Это означает лишь то, что их интерпретатор JavaScript игнорирует эту неправильную запятую. С IE это не происходит.
...
Рейтинг: 0 / 0
09.07.2015, 09:50
| Ответить | Цитировать | Написать  
Как добавить в autocomplete событие выбора с клавиатуры страну.
    #39003099
son456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son456
Гость
Я не знаю, как убрать последнюю запятую. Я этот код формирования массива нашел в интернете.
...
Рейтинг: 0 / 0
09.07.2015, 09:50
| Ответить | Цитировать | Написать  
25 сообщений из 30, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как добавить в autocomplete событие выбора с клавиатуры страну.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=70&tid=1445879]:
 0ms
get settings:
 9ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 56ms
get topic data:
 8ms
get forum data:
 3ms
get page messages:
 40ms
get tp. blocked users:
 2ms
others: 236ms
total:  372ms
созд. / загр.: 372ms
x
x
Закрыть


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