У меня форма с комбобоксом(select) и кнопкой (submit)
данные передаются следующим образом без перезагрузки страницы
$(document).ready(function(){
$('#EDIT_IP_RANGE').submit(function(){
$.ajax({
type: "POST",
url: "inc/show_ip_range.php",
data: "SELECT_SUBNET_FOR_EDIT="+$("#SELECT_SUBNET_FOR_EDIT").val(),
success: function(html){
$("#content").html(html);
}
});
return false;
});
});
1. Как в моём случае сделать что бы форма сабмитилась не только по нажатию кнопки но и по событию onchange в селекте?
2. Как реализовать всплытие модального окна, отображающего ход процесса выполнения скрипта inc/show_ip_range.php и закрывающегося только по завершении его выполнения?
Заранее огромное спасибо!
Спустя 1 час, 28 минут, 31 секунда (19.05.2010 - 15:47) igsavenko написал(а):
1)Попробуй так не проверял
$('#SELECT_SUBNET_FOR_EDIT').select(function(){
$.ajax({
type: "POST",
beforeSend: function()
{
$('#modal_window_id').html("Идет отправка").fadeIn();
},
dataType: "html",
url: "inc/show_ip_range.php",
data: {SELECT_SUBNET_FOR_EDIT: $("#SELECT_SUBNET_FOR_EDIT").val() },
success: function(html){
$("#content").html(html);
$('#modal_window_id').html("Данные успешно переданы").fadeIn();
},
complete: function(){
$('#modal_window_id').fadeOut();
}
});
return false;
});
});
2) $(document).ready(function(){
$('#EDIT_IP_RANGE').submit(function(){
$.ajax({
type: "POST",
beforeSend: function()
{
$('#modal_window_id').fadeIn();
},
url: "inc/show_ip_range.php",
data: {SELECT_SUBNET_FOR_EDIT: $("#SELECT_SUBNET_FOR_EDIT").val() },
success: function(html){
$("#content").html(html);
}
});
return false;
});
});
Что ты имеешь ввиду под ходом выполнения скрипта? Просто показывает процесс что данные посылаются? ты это имеешь ввиду? $('#modal_window_id').fadeIn(); Вот в DIV с этим ID помести gif-ку какую-нибудь.
http://api.jquery.com/jQuery.ajax/
Спустя 16 часов, 37 минут, 54 секунды (20.05.2010 - 08:25) Day написал(а):
1. ну я так понимаю что по первому вопросу достаточно переписать мой сабмит, только для другого события, а думал может возможно сослаться каким то образом уже на мою готовую функцию
2. ну в принципе не особо важно на сколько скрипт отработал, важнее что бы пользователь видел что происходит, сейчас попробую все предложенное на деле...
2. ну в принципе не особо важно на сколько скрипт отработал, важнее что бы пользователь видел что происходит, сейчас попробую все предложенное на деле...
Спустя 10 минут, 16 секунд (20.05.2010 - 08:36) Day написал(а):
Не могу понять почему, но ни первый ни второй пример не работают(
Абсолютно ничего не происходит после вставки кода, почему?
Абсолютно ничего не происходит после вставки кода, почему?
Спустя 2 дня, 8 часов, 15 минут, 6 секунд (22.05.2010 - 16:51) Day написал(а):
1. С селектом так ещё и не разобрался
2. Решил использовать плагин blockUI
но в результате все равно неудача, в чем может быть загвоздка?
В IE работает, а в мозилке и опере окно не появляется, хотя блокировка страницы вроде как срабатывает
2. Решил использовать плагин blockUI
но в результате все равно неудача, в чем может быть загвоздка?
$(document).ready(function(){
$('#EDIT_IP_RANGE').submit(function(){
$.ajax({
beforeSend: function()
{
$.blockUI({ message: '<b>Обработка запроса…...</b>' });
},
type: "POST",
url: "inc/show_ip_range.php",
data: "SELECT_SUBNET_FOR_EDIT="+$("#SELECT_SUBNET_FOR_EDIT").val(),
success: function(html){
$("#content").html(html);
},
complete: function()
{
$.unblockUI();
return false;
}
});
return false;
});
});
В IE работает, а в мозилке и опере окно не появляется, хотя блокировка страницы вроде как срабатывает
Спустя 1 час, 16 минут, 36 секунд (22.05.2010 - 18:07) Day написал(а):
1 вопрос решил строкой
$('#SELECT_SUBNET_FOR_EDIT').change(function () {$('#EDIT_IP_RANGE').trigger('submit')});
Спустя 1 час, 40 минут, 54 секунды (22.05.2010 - 19:48) Day написал(а):
Со вторым вопросом тоже разобрался, вариант рабочий, версия плагина была старая)