Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.12.2012, 05:19
Новичок на форуме
Отправить личное сообщение для ponomarchik Посмотреть профиль Найти все сообщения от ponomarchik
 
Регистрация: 05.12.2012
Сообщений: 7

Модальное окошко
Доброго времени суток!

Суть задачи такова:
Есть форма:
<form name="nameForm" action="nameAction" method="POST">
...
<input type="submit" name="nameButton" value="valueButton" id="idButton" />
<div id="modal"></div>
</form>

при нажатии на кнопку, форма отправляется на сервер, а управление данными передается программе заданной атрибутом action тега форм.

Необходимо перед этим вывести окно с соглашением
и в зависимости от выбора пользователя отправлять данные на обработку или нет.
alert, confirm, promt не подходят, так как окно будет содержать текстовое поле, радиоБатоны, кнопку...
пробовал jquery-ui не выходит.
вот мой код:
$('[name="nameForm"]').submit(function(e){
$('#modal').dialog({modal: true});
});
проблема в том, что окошко выскакивает и тут же идет submit заданный атрибут action.
Подскажите пожалуйста кто знает как решить проблему. спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 05.12.2012, 06:26
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Замените в форме <input type="submit"> на <input type="button"> и навесьте обработчик click на эту кнопку, в обработчике вызывайте модальное окно. А уже по клику на Согласен, или что там у вас в модальном окне, вызывыйте метод submit формы: $('[name="nameForm"]').submit();
Ответить с цитированием
  #3 (permalink)  
Старый 05.12.2012, 08:23
Новичок на форуме
Отправить личное сообщение для ponomarchik Посмотреть профиль Найти все сообщения от ponomarchik
 
Регистрация: 05.12.2012
Сообщений: 7

$('#modal').dialog({modal: true, autoOpen: false, buttons: {
									"ok": function() {
										$('[name="nameForm"]').submit();
									},
									"cancel": function() {
										$(this).dialog('close');
									}
								}
						});
						$('#button').click(function(){
							$('#modal').dialog('open');
							});


окошко закрывается, страница перезагружается и все.
а должны пройти дальше если ок.
http://tfc.web-macter.com/shop/cart/
добавляем товар, идем в корзину, внизу далее....
Ответить с цитированием
  #4 (permalink)  
Старый 05.12.2012, 09:30
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Это потому что пара name/value , указанная кнопке, при вызове submit() формы не отправляется. Нужно создать input[type=hidden] с name="step_4". Серверная часть требует параметр step_4.
Ответить с цитированием
  #5 (permalink)  
Старый 05.12.2012, 09:50
Новичок на форуме
Отправить личное сообщение для ponomarchik Посмотреть профиль Найти все сообщения от ponomarchik
 
Регистрация: 05.12.2012
Сообщений: 7

Большое спасибо!
Заработало! =)

Добавил:
<input type="hidden" name="step_4"/>


А как вы определили это?
Ответить с цитированием
  #6 (permalink)  
Старый 05.12.2012, 10:16
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Firefox+Firebug / аналоги (в других браузерах).
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
модальное окно div'ом codingfighter Общие вопросы Javascript 28 03.09.2013 15:07
Передача данных из форм в модальное окно. andrey96 AJAX и COMET 5 16.11.2012 16:47
Окошко по центру OlegSmirnov Элементы интерфейса 6 01.11.2010 11:14
Всплывающее окошко Эллурн Элементы интерфейса 4 10.05.2010 23:28
Как сделать окошко с возможностью изменения его содержимого? nolka Элементы интерфейса 2 10.07.2008 08:22