Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > Colorbox, Jquery.form. Форма в модальном окне

Автор: JEEN 3.2.2012, 10:00

Использую
ColorBox http://jacklmoore.com/colorbox/
Jquery.Form http://jquery.malsup.com/form/

Нажимаю на ссылку "профиль", открывается модальное окно

Цитата

$(".ajax").colorbox({scrolling:false});

Размеры окна как мне надо, по содержимому.
Далее там есть кнопка "редактировать профиль", в том же окне скрывается инфа профиля и показывается скрытая форма.

Цитата

$('.profile').hide();
$('.editform').show();
$(".ajax").colorbox.resize()

Моя проблема заключается в сохранении. Модальное окно встроено в родительскую страницу. А мне надо, чтобы до обработчика формы небыло вывода контента. Я вижу 2 решения проблемы:

Обработчик сделать в одтельном файле - лишний файл, для какого-то маленького обработчика... мне таких тогда штук 5 надо будет.
Сделать модальное окно iframe? - это решило бы все мои проблемы, да вот только для iframe нужно жестко задавать размеры окна... а я хочу чтобы по содержимому контента.

Цитата

$(".ajax").colorbox({iframe:true});

Вот кажется то, что искал. Но надеюсь будут еще варианты...
http://stackoverflow.com/questions/7448628/problem-with-colorbox-reloading-the-iframe-content-on-colorbox-resize

Автор: JEEN 3.2.2012, 15:46

с этим разобрался. Другой вопрос. Можно как-то перезапустить модальное окно? типо $.colorbox().restart;

как уже говорил выше, у меня 2 поля. В одном редактирование данных, а в другом отображение. Когда я поменял данные и сохранил, то в поле "отображение" данные устаревшие, надо либо перезапускать модальное окно, либо на js подменять данные.

Автор: JEEN 3.2.2012, 21:22

$("#block").load("index.php #block");