ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript jquery ajax
15 сообщений из 15, страница 1 из 1
javascript jquery ajax
    #38779477
evgen25
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen25
Гость
Добрый день форумчане. прошу помощи разобраться с javascript (ajax). есть задача. в вэб форме сделать ввод адреса, при вводе необходимо делать проверку значений в БД (кладр). то есть человек вводит адрес допустим. область московская, город москва, улица .... если такие значения есть в кладре то должны предлагаться эти значения. написал такой код :
Код: 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$(".search").keyup(function()
{
var city_id = $("#city_id").val();
var street_id = $("#street_id").val();
var dataString = 'city='+ city_id + '&street='+ street_id;
if(city_id=='' && street_id=='')
{}
  else
  {
  $.ajax({
          type: "POST",
          url: "search.pl",
          data: dataString,
          cache: false,
          success: function(html)
              {
              $("#display_city" ).html(html).show();
              }
         });
  }return false;
});
});
</script>
<table>
<thead>
<th> город </th>
<th> улица </th>
</thead>
<tbody>
<tr>
<td> <input type="text" class="search" id="city_id" > </td>
<td> <input type="text" class="search" id="street_id"> </td>
</tr>
<tr>
<td> <div id="display_city"></div> </td>
<td> <div id="display_street"></div> </td>
</tr>
</tbody>
</table>
</html>


1. пока работает только поле город, надо сделать для всех полей
2. значение из базы выводятся простым списком, а необходимо при вводе сделать возможность выбора готовых значений ( как это реализовано в посковых системах яндекс или гугл.)
прошу сильно не пинать. с яваскриптом почти не работал, недавно начал изучать.
я так понял что сама эта технология называется автозаполнение
...
Рейтинг: 0 / 0
17.10.2014, 10:18
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38779482
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
evgen25, Вы уж определитесь, с чем конкретно у Вас проблемы.
Если убрать пока Ajax в сторону, то что не получается?
...
Рейтинг: 0 / 0
17.10.2014, 10:23
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38779500
evgen25
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen25
Гость
skyANA,

как убрать аякс? он же вроде запрос формирует?
проблема первая. значения из базы выводятся, но они выводятся простым тестом. необходимо, как это обьяснить то даже толком не знаю. что то типа всплывающего селекта. то есть я в поле город начинаю вводить москва. он мне должен начать предлагать на выбор варианты на м на мо и т.д. он выводит, но выбрать я не могу. тест идет просто строкой ниже. я не могу выбрать нудный вариант. ввел букву м и выбрал город москва, или любой другой город на букву м вот что необходимо.
...
Рейтинг: 0 / 0
17.10.2014, 10:37
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38779621
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
evgen25как это реализовано в посковых системах яндекс или гугл
Т.е. ты, мало чего в этом понимая, резко решил на это замахнуться?

Тут "простым" селектом и инпутом необделаешся...
...
Рейтинг: 0 / 0
17.10.2014, 11:39
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38779627
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
evgen25я в поле город начинаю вводить москва. он мне должен начать предлагать на выбор варианты на м на мо и т.д. он выводит, но выбрать я не могу. тест идет просто строкой ниже. я не могу выбрать нудный вариант. ввел букву м и выбрал город москва, или любой другой город на букву м вот что необходимо.
Так вот начни с того, как все это представить в ХТМЛе... И помни, что на запрос и его ответ нужно таки время...
...
Рейтинг: 0 / 0
17.10.2014, 11:41
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38779656
evgen25
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen25
Гость
krvsa,

тогда помогите разобраться так сказать "по шагам". за автозаполнение отвечает autocomplete. он как раз отвечает за автозаполнение, то есть получается это то что мне нужно, или я ошибаюсь?
...
Рейтинг: 0 / 0
17.10.2014, 11:53
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38780031
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
evgen25, понимаете, ajax - это как послать запрос в обход стандартного механизма браузера.
Но не браузер ведь отвечает за то, как выглядит сайт, а разработчик сайта.
Так же не ajax отвечает за то, как будут показанны полученные данные, а разработчик.
То есть Вы.

То есть Вам нужно начать с изучения протокола HTTP, HTML, CSS, JavaScript.
...
Рейтинг: 0 / 0
17.10.2014, 14:28
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38780035
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
evgen25за автозаполнение отвечает autocomplete. он как раз отвечает за автозаполнение, то есть получается это то что мне нужно, или я ошибаюсь?О чём Вы? О поведении, о готовом контроле?
...
Рейтинг: 0 / 0
17.10.2014, 14:29
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38780055
evgen25
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen25
Гость
skyANA,

вообщем тут подумал и сделал так:
Код: html
1.
2.
3.
4.
<input list="city_id" class="search">
   <datalist id="city_id">
    <div id="display"> </div>
   </datalist>


заместо input type=text сделал input list. и всё получилось как хотел. может и не совсем правильно.
...
Рейтинг: 0 / 0
17.10.2014, 14:39
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38780059
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
evgen25за автозаполнение отвечает autocomplete. он как раз отвечает за автозаполнение, то есть получается это то что мне нужно, или я ошибаюсь?
Ты даже не подозреваешь на сколько ты ошибаешся... Или я х/з о каком autocomplete ты пишешь...
...
Рейтинг: 0 / 0
17.10.2014, 14:41
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38780068
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
evgen25вообщем тут подумал и сделал так:
Код: html
1.
2.
3.
4.
<input list="city_id" class="search">
   <datalist id="city_id">
    <div id="display"> </div>
   </datalist>


В datalist не используют div...
http://htmlbook.ru/html/datalist
...
Рейтинг: 0 / 0
17.10.2014, 14:43
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38780077
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
evgen25skyANA,

вообщем тут подумал и сделал так:
Код: html
1.
2.
3.
4.
<input list="city_id" class="search">
   <datalist id="city_id">
    <div id="display"> </div>
   </datalist>


заместо input type=text сделал input list. и всё получилось как хотел. может и не совсем правильно.Вы понимаете, что это будет работать далеко не у всех пользователей?
...
Рейтинг: 0 / 0
17.10.2014, 14:48
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38780094
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
skyANA , у него-то работает... Остальные подтянутся!
...
Рейтинг: 0 / 0
17.10.2014, 15:05
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38780107
evgen25
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen25
Гость
krvsa,

согласен что не правильно. подскажите тогда как сделать правильно, красиво и что б у всех работало
...
Рейтинг: 0 / 0
17.10.2014, 15:12
| Ответить | Цитировать | Написать  
javascript jquery ajax
    #38780120
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
evgen25подскажите тогда как сделать правильно, красиво и что б у всех работало
Делать све это хозяйство на стандартных элементах... Ели мочи нет - искать, может кто такое смастырил уже и разбираться как оно работает.
...
Рейтинг: 0 / 0
17.10.2014, 15:19
| Ответить | Цитировать | Написать  
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript jquery ajax
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?desktop=1&fid=22&tid=1446614]:
 0ms
get settings:
 5ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 56ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 210ms
total:  343ms
созд. / загр.: 343ms
x
x
Закрыть


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