Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Проблема Bootstrap Modal(отдельный плагин) + jQuery Form Plugin

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Поиск в теме | Версия для печати
dropoff
Отправлено: 27 Марта, 2013 - 11:59:14
Post Id



Посетитель


Покинул форум
Сообщений всего: 310
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
Всем привет.

Проблема возникла между двумя этими скриптами.
Первый http://jquery[dot]malsup[dot]com/form/
Второй https://github[dot]com/jschr/bootstrap-modal
Точнее, наверное в моей криворукости, хотя не уверен на все 100)))

Суть в следующем.
Я использую модальное окно с AJAX.

CODE (javascript):
скопировать код в буфер обмена
  1. $(document).ready(function () {
  2.  
  3. // это див который уже вставлен в html.
  4. var $modal = $('#ajax-modal');
  5.  
  6. // при клике на ссыль открывается модальное окно и грузится modal_ajax_test.html
  7. $('.ajax .demo').on('click', function(){
  8.       $('body').modalmanager('loading');
  9.  
  10.       $modal.load('modal_ajax_test.html', '', function(){
  11.       $modal.modal();
  12. });
  13.  
  14. // Если в modal_ajax_test.html нажали кнопку с классом update, то срабатывает этот скрипт.
  15. $modal.on('click', '.update', function(){
  16.       $modal.modal('loading');
  17.  
  18.       // Вот тут я использую плагин jQuery Form
  19.       $('#myForm').ajaxForm(function() {
  20.             alert("Allllllllert!");
  21.       });
  22. });
  23.  
  24. });

И мне выдает ошибку
Цитата:
Object myForm has no method 'ajaxForm'


Оба плагина работают корректно. Не работает та часть, где вызываю ajaxForm. Пробовал в самом файле modal_ajax_test.html подклчюать плагин jQuery Form, но результат тот же.

Как ту быть?

Буду благодарен за помощь.

P.S. Нужно мне это для того, чтобы загружать файлы с формой.
Форма отправляется через serialize(), если ajax. При этом ajax работает, а вот ajaxForm нет.

(Отредактировано автором: 27 Марта, 2013 - 12:11:40)

 
 Top
Zuldek
Отправлено: 27 Марта, 2013 - 12:17:06
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)
Проверяйте правильность подключения и вызова метода плагина. Подключать и вызывать вы его должны в том документе из которого вызываете (окно с html-документом).
Скорее всего открываемый в фрейме документ понятия о нем не имеет. Для начала имеет смысл проверить работает-ли плагин формы при открытии документа, открываемого в ифрейме в отдельном окне.
Когда работаете с модальными окнами не забывайте, что эти страницы понятия не имеют о существовании друг-друга.

(Отредактировано автором: 27 Марта, 2013 - 12:25:22)

 
 Top
dropoff
Отправлено: 27 Марта, 2013 - 12:24:20
Post Id



Посетитель


Покинул форум
Сообщений всего: 310
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
Все пути абсолютные.
Пробовал по разному менять местами подключение скриптов.

Если в самом файле modal_ajax_test.html делаю
CODE (javascript):
скопировать код в буфер обмена
  1. $('#myForm').ajaxForm(function() {
  2.      alert("Allllllllert!");
  3. });

То скрипт работает. Но мне Не нужно это в html шаблоне.
 
 Top
IllusionMH
Отправлено: 27 Марта, 2013 - 12:36:47
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
dropoff, console.log($modal) в любом месте(под var) функции вызовите
 
 Top
dropoff
Отправлено: 27 Марта, 2013 - 13:00:16
Post Id



Посетитель


Покинул форум
Сообщений всего: 310
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
Сделал http://s019[dot]radikal[dot]ru/i619/1303[dot][dot][dot]3bbb4231f5c5[dot]png
Дополнительно нажал Обновить, чтобы ошибку видно было.
При вызове просто модального окна ошибок, естественно, нет.
 
 Top
IllusionMH
Отправлено: 27 Марта, 2013 - 13:14:01
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Ай, перепутал. console.log($('#myForm'))
 
 Top
dropoff
Отправлено: 27 Марта, 2013 - 13:21:59
Post Id



Посетитель


Покинул форум
Сообщений всего: 310
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
CODE (htmlphp):
скопировать код в буфер обмена
  1. [context: document, selector: "#myForm", constructor: function, init: function, selector: ""…]
  2. context: document
  3. selector: "#myForm"
  4. __proto__: Object[0]


Оно?

Я id формы получаю var my_form = $(this).get(0).form.id;
в событии $modal.on('click', '.update'...
может я чет не так вообще делаю?
Сейчас попробую с нуля все переделать еще раз.
(Добавление)
Кажись ошибка вот в чем.

Работает.
CODE (javascript):
скопировать код в буфер обмена
  1. $modal.on('click', '.update', function()
  2. {
  3.      $('#myForm').ajaxForm(function() {
  4.           alert("Allllllllert!");
  5.      });
  6. });


не работает
CODE (javascript):
скопировать код в буфер обмена
  1. $modal.on('click', '.update', function()
  2. {
  3.      var my_form = $(this).get(0).form.id;
  4.      my_form.ajaxForm(function() {
  5.           alert("Allllllllert!");
  6.      });
  7. });


Хотя, если вместо ajaxForm использовать ajax, то все прокатывает.
 
 Top
IllusionMH
Отправлено: 27 Марта, 2013 - 15:19:26
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
dropoff, мб $('#'+id)?
или
CODE (javascript):
скопировать код в буфер обмена
  1. var my_form = $(this).get(0).form;
  2. $(my_form).ajaxForm(function() {

(Отредактировано автором: 27 Марта, 2013 - 15:21:12)

 
 Top
dropoff
Отправлено: 27 Марта, 2013 - 17:57:21
Post Id



Посетитель


Покинул форум
Сообщений всего: 310
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
Заработало, спасибо!

Хм. Теперь проблема с preventDefault
Если его ставлю, что ajaxForm не срабатывает.
Хотел сделать вывод сообщений еще, а не выходит(

(Отредактировано автором: 27 Марта, 2013 - 22:44:54)

 
 Top
IllusionMH
Отправлено: 28 Марта, 2013 - 09:06:45
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
dropoff, попробуйте написать его в обработчике, который передается в ajaxForm или загляните в исходник, он вроде сам должен вызывать эту функцию
 
 Top
dropoff
Отправлено: 30 Марта, 2013 - 20:48:08
Post Id



Посетитель


Покинул форум
Сообщений всего: 310
Дата рег-ции: Дек. 2010  


Помог: 0 раз(а)
Ничего не выходит куда бы не вставлял preventDefault. пробовал return false; - просто не выполняет запрос и все.

В исходнике примеры есть и функция doAjaxSubmit, но мне ничего не дало, не понял что за что отвечает.

В примерах только у ajaxSubmit
CODE (javascript):
скопировать код в буфер обмена
  1.     $(document).ready(function() {
  2.         $('#myForm').on('submit', function(e) {
  3.             e.preventDefault(); // <-- important
  4.             $(this).ajaxSubmit({
  5.                 target: '#output'
  6.             });
  7.         });
  8.     });
  9.  
  10.     Use ajaxForm when you want the plugin to manage all the event binding
  11.     for you.  For example,
  12.  
  13.     $(document).ready(function() {
  14.         $('#myForm').ajaxForm({
  15.             target: '#output'
  16.         });
  17.     });

Я сделал уведомление, но хотелось по человечески в окне сделать сообщение и скрыть в момент который мне нужен.

(Отредактировано автором: 30 Марта, 2013 - 20:48:21)

 
 Top
IllusionMH
Отправлено: 01 Апреля, 2013 - 07:03:19
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
dropoff, нужна ссылка на пример Огорчение
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


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



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB