Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript jquery ajax / 15 сообщений из 15, страница 1 из 1
17.10.2014, 10:18
    #38779477
evgen25
evgen25
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript jquery ajax
Добрый день форумчане. прошу помощи разобраться с 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:23
    #38779482
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript jquery ajax
evgen25, Вы уж определитесь, с чем конкретно у Вас проблемы.
Если убрать пока Ajax в сторону, то что не получается?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.10.2014, 10:37
    #38779500
evgen25
evgen25
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript jquery ajax
skyANA,

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

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

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

То есть Вам нужно начать с изучения протокола HTTP, HTML, CSS, JavaScript.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.10.2014, 14:29
    #38780035
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript jquery ajax
evgen25за автозаполнение отвечает autocomplete. он как раз отвечает за автозаполнение, то есть получается это то что мне нужно, или я ошибаюсь?О чём Вы? О поведении, о готовом контроле?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.10.2014, 14:39
    #38780055
evgen25
evgen25
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript jquery ajax
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:41
    #38780059
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript jquery ajax
evgen25за автозаполнение отвечает autocomplete. он как раз отвечает за автозаполнение, то есть получается это то что мне нужно, или я ошибаюсь?
Ты даже не подозреваешь на сколько ты ошибаешся... Или я х/з о каком autocomplete ты пишешь...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.10.2014, 14:43
    #38780068
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript jquery ajax
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:48
    #38780077
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript jquery ajax
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, 15:05
    #38780094
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript jquery ajax
skyANA , у него-то работает... Остальные подтянутся!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.10.2014, 15:12
    #38780107
evgen25
evgen25
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript jquery ajax
krvsa,

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


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