PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

отловить событие ajax

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (2): [1] 2 »

Описание: отловить изменение <select>

Поиск в теме | Версия для печати

DlTA	Отправлено: 13 Июня, 2011 - 01:53:52
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	пишу пользовательский скрипт *.user.js имеется некоторый сайт на котором есть 2 выпадающих списка на первый список по событию onchange() происходит ajax запрос при котором генерируется контент второго списка мне нужно произвести скриптами выбор из первого и второго списка, но сложность в том что во втором списке выбирать нечего (он еще не подгуржен) я произвел выбор в первом, потом сэмулировал событие onchange() для первого списка, и при этом произошол вызов функций сайта которые и заполнили второй список, но вот как теперь красиво привязать выбор во втором списке я не знаю, единственное что у меня получилось это по таймеру (после вызова onchange()) произвести выбор из второго списка (типа даем время подгрузиться второму списку и производим из него выбор) но этот вариант мне не нравится, так как за выделенные 0,5с список может и не подгузиться, а если ставить больше то будет мешать юзеру, хотелось бы отловить завершение запроса (а точнее уже когда будет сформирован второй список) и уже тогда производить выбор подскажите кто чем может.)) дебажу в хроме, но вообще пишется под мозилу

DeepVarvar	Отправлено: 13 Июня, 2011 - 05:53:21
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	А у джквери-аякса есть такая штука: success: function() {....... Или на чистом жабаскрипте: if (xhr.readyState == 4 && xhr.status == 200) {.... делаем что надо и только потом спокойно делаем выборку из обоих селектов ----- Шта? Репозиторий?

DlTA	Отправлено: 13 Июня, 2011 - 10:18:56
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	повторюсь второй селект еще неимеет списка он появляется только после того как произойдет выбор из первого можно конечно скопипастить вызываемые функции в свой скрипт и вызвать по необходимости (почему то пространство имен у юзер скриптов и у страничных разные, и вызвать просто так не получается) (Добавление) усе на чистом этоже пользовательский

DeepVarvar	Отправлено: 13 Июня, 2011 - 13:49:13
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	DlTA пишет: он появляется только после того как произойдет выбор из первого Повесить обработчик: CODE (javascript): скопировать код в буфер обмена var eachOptions = { update: function() { this.options = document.getElementById("selectid").getElementsByTagName("option"); for (var l = 0; l < this.options.length; l++) { this.options[l].onclick = eachOptions.changehandler; } }, changehandler: function() { alert(this.value); return true; } } Когда в DOM придут новые опшны, выполнить: eachOptions.update; Действия в хендлере поменяй на нужные тебе... ----- Шта? Репозиторий?

DlTA	Отправлено: 13 Июня, 2011 - 23:51:22
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	чет я не догоняю вот к примеру у меня грузится страница CODE (html): скопировать код в буфер обмена <script> function change_bra(...) { // производит ajax запрос для получаения списка для второго селекта, и заполняет селект } </script> ... <select id='select_1' onchange='change_bra(...)> <option value='0' >чета там 0</option> ... <option value='100' >чета там 100</option> </select> и <select id='select_2'> <option value='0' >список пуст</option> </select> ... куда мне лепить тут eachOptions и как оно отследит изменения в структуре второго селекта? судя из кода оно всего лишь получает выбранный option-с, и то по клику пользователя, пользователь у меня не кликает, все делается скриптами. DlTA пишет: мне нужно произвести скриптами выбор из первого и второго списка, но сложность в том что во втором списке выбирать нечего (он еще не подгуржен) я произвел выбор в первом, потом сэмулировал событие onchange() для первого списка, и при этом произошол вызов функций сайта которые и заполнили второй список,

DeepVarvar	Отправлено: 14 Июня, 2011 - 00:11:18
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Да блин... выкинь второй метод (он для примера), оставь только "update", запускай его после прихода новых опшнов в "наблюдаемый" селект, все они со своими значениями будут в массиве. Собирай из массива данные или ищи в нем selected и используй куда надо... (Добавление) DlTA пишет: получает выбранный option-с, и то по клику пользователя Нет - он их все в массив собирает, а на клик каждого из элементов повешен event (событие). Но событие можно и не на клик повесить, если оно вообще надо. ----- Шта? Репозиторий?

DlTA	Отправлено: 14 Июня, 2011 - 09:58:53
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	DeepVarvar пишет: запускай его после прихода новых опшнов в "наблюдаемый" селект, как я могу узнать что они пришли?

DlTA	Отправлено: 17 Июня, 2011 - 12:02:27
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	в общем, так как элегантного решения я не нашел пришлось лепить костыли реализовал следующим образом: после осуществления выбора из первого селекта произвожу мониторинг состояния второго селекта, через каждые 0,1 секунды, как только во втором селекте появилось много (больше одного) оптиона, и произвожу выбор из второго селекта. после чего благополучно отправляю всю форму

DeepVarvar	Отправлено: 17 Июня, 2011 - 12:20:50
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	DlTA пишет: как я могу узнать что они пришли? DeepVarvar пишет: if (xhr.readyState == 4 && xhr.status == 200) {.... ----- Шта? Репозиторий?

DlTA	Отправлено: 17 Июня, 2011 - 13:56:56
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	DeepVarvar пишет: xhr я так подозреваю что это объект XMLHttpRequest и для того чтоб опрашивать его статус нужно как минимум быть внутри функции обработчика .onreadystatechange, ну и чтоб переменная была видна. как то геморно получается

DeepVarvar	Отправлено: 17 Июня, 2011 - 14:39:10
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	DlTA пишет: быть внутри функции обработчика нет - просто оттуда вызвать ф-цию которая будет уже собирать значения с пришедшего селекта. А где эта ф-ция будет находится - значения не имеет, усеравно в объекте. ----- Шта? Репозиторий?

DlTA	Отправлено: 17 Июня, 2011 - 16:09:15
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	но к самому объекту ведь надо получить доступ?! а он генерируется и используется в функции исходной страницы.

DeepVarvar	Отправлено: 17 Июня, 2011 - 17:35:51
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	DlTA мне кажется что мы либо говорим об одном и том же на разных я зыках, либо на одном языке о разном.. цинкани в личку аську чтоли, ато так и будем перекидываться фразами ----- Шта? Репозиторий?

DlTA	Отправлено: 18 Июня, 2011 - 00:03:53
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	скорее второе, весь разговор похож примерно на следующее: Я. как узнать, что что-то там изменилось ТЫ. посмотреть статус Я. как получить доступ к объекту, статус которого надо посмотреть ТЫ. посмотреть статус ...

DeepVarvar	Отправлено: 18 Июня, 2011 - 01:44:53
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Хорошо... По событию onchange на первом селекте отправляется запрос на сервер за списком опшнов для второго селекта. После того как статус ответа будет таким как я привел выше: для чистого жаваскрипт: CODE (javascript): скопировать код в буфер обмена if (xhr.readyState == 4 && xhr.status == 200) { // ф-ция place() собирает в цикле опшны place(eval("(" + xhr.responseText + ")")); } или для jquery: CODE (javascript): скопировать код в буфер обмена success: function(data) { // тут тот же самый place() place(data); // eval не нужен, это уже объект } Это ответ сервера: PHP: скопировать код в буфер обмена $data = array(); $cnt = mt_rand(6,20); for ($i = 0; $i < count($cnt); $i++) { $data[$i] = '<option value="'.$i.'">'.md5($i).'</option>'; } die(json_encode($data)); А это ф-ция place() CODE (javascript): скопировать код в буфер обмена function place(data) { var select = document.getElementById("selectid"); for (var i = 0; i < data.length; i++) { select.innerHTML += data[i]; } } После того как второй селект построен, запускаем ф-цию: CODE (javascript): скопировать код в буфер обмена var options = new Array; function getOptionsForNewSelect() { options = document.getElementById("selectid").getElementsByTagName("option"); for (var l = 0; l < options.length; l++) { alert(options[l].value); } } И видим что все новые пришедшие значения опшнов находятся в нашем массиве. Ты еще спроси - почему это функция getOptionsForNewSelect() увидела вдруг переменную "options" которая находится вне её тела... Может быть проблема была только в этом (сужу по вопросу: как получить доступ к объекту, статус которого надо посмотреть)? ----- Шта? Репозиторий?

Поиск в теме | Версия для печати

Страниц (2): [1] 2 »

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.