Fancy Box - как обновить DIV на модальном окне onclosed

Question

Я искал высоко и низко через этот форум, и до сих пор я не вижу ответа. И, я думаю, я начинаю терять рассудок.

Возможно, я просто пропустил его, поскольку я НЕ программист. Я визуальный дизайнер, который обычно может устанавливать предварительно написанный код без большого количества ошибок . И, действительно, я установил FancyBox и хорошо работал , за исключением одной маленькой проблемы, с которой мне очень нужна помощь.

Я работаю с динамически созданной страницей, написанной в ColdFusion. Три div на странице содержат ссылки FancyBox, открывающие экраны редактирования. После завершения редактирования и закрытия пользователем модальности FancyBox изменения должны быть отображены на родительской странице. .

Право, так что я был в состоянии найти решение, которое обновляет всю страницу

'OnClosed': функция() { parent.location.reload (истина); } });

Как, о как я могу получить только один div, чтобы обновить «onClosed» как , размещенный на всю страницу ??????

Answer 1

Существует несколько способов сделать это.

Один из способов - получить содержимое div с помощью функции. Эта функция будет предицировать ajax-вызов для получения содержимого, например, функция называется getcontent(); ваш синтаксис будет чем-то вроде onClosed': function() { getcontent(); }

Лучший способ сделать это - получить отредактированный контент и нажать его в div. скажем, вы установите переменный текст с содержимым после сохранения редактора, после чего вы можете нажать эту переменную в div с помощью onClosed': function() { $('#divid').html(yourvar); }

Должен сказать, что реализовать оба пути непросто. Возможно, если вы покажете код, который у вас есть, мы можем вам помочь.

Answer 2

Право на Тим, хорошо Fancybox использует jquery и загружает свою собственную «библиотеку».

Каждая ссылка, которая вызывает FancyBox имеет идентификатор, который называют нравится таким образом

<script type="text/javascript"> 

$(document).ready(function() { 
$("#link1").fancybox({ 
'titleShow'  : false, 
'width'    : '80%', 
'height'   : '80%', 
'autoScale'   : false, 
'transitionIn'  : 'none', 
'transitionOut'  : 'none', 
'type'    : 'iframe', 
'onClosed': function() { 
    parent.location.reload(true); } 
      }); 
}); 
    </script>