PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

jquery dialog onsumit

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

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

Без описания

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

daglas1	Отправлено: 09 Апреля, 2014 - 18:12:05
Посетитель Покинул форум Сообщений всего: 329 Дата рег-ции: Июль 2011 Помог: 1 раз(а)	Всем привет. Я jquery только учу. По примерам взятым из https://jqueryui[dot]com/dialog/ Научился создавать диалоговое окно по нажатию на кнопку. А нужно несколько инная задача, выводить диалоговое окно при попытке отправить форму - то на событие onsubmit, и чтобы сабмит формы не происходил пока пользователь не закроет диалоговое окно. Подскажите как это сделать?

Viper	Отправлено: 09 Апреля, 2014 - 19:06:20
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Как-то так. CODE (javascript): скопировать код в буфер обмена $('form').submit(function(e){ e.preventDefault(); var _this = $(this), dialog = $('<div id="dialog_form" title="My title"><p></p></div>').appendTo('body'); dialog.dialog({ dialogClass: 'dlg', modal: true, width: 800, height: 520, close: function(event, ui){ dialog.remove(); _this.trigger('submit'); }, buttons: [ { text: 'Ok', id: 'button_ok', click: function(){ // код выполняемый при клике на кнопку } }, { text: 'Close', click: function(){ dialog.remove(); _this.trigger('submit'); } } ] }); // Загружаем html в dialog dialog.load('http://localhost/index.php?task=blabla'); // или html с уже текущей страницы //dialog.html($('#some_element')); }); ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

Viper	Отправлено: 09 Апреля, 2014 - 23:05:02
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	_this.trigger('submit'); может привести к багу infinite loop. Не могу протестировать. Но можно заменить на $.post(). Тогда форму можно будет отправлять без перезагрузки страницы. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

SAD	Отправлено: 09 Апреля, 2014 - 23:29:29
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	можно попробовать сделать $('form').one('submit', ....

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

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

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

« JavaScript & VBScript »

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