Показывать контент с помощью fancybox, как Javascript Alert

Question

Я пытаюсь показать содержимое из PHP-файла в fancybox, но не могу с этим справиться.

Теперь это следующая ситуация: Если возникает проблема с правами доступа к файлу, на веб-сайте отображается <div id="error">. Я бы хотел, чтобы контент от <div id="error"> находился в fancybox. Все, что я пытаюсь, я получаю уведомление "Запрашиваемый контент не может быть загружен. Пожалуйста, повторите попытку позже."

Это означает, что fancybox, в случае возникновения ошибки разрешения файла, должен отображаться при загрузке страницы, а не как обычно, когда некоторые события, такие как щелчок или наведение мыши.

Например, если ошибка существует, в fancybox должно отображаться следующее содержимое:

<div style="width:100px; height:100px; background:#f00;">
  <p>Failure</p>
</div>

Этот фрагмент находится в файле security_check.php. Теперь есть две возможности. Первое - это загрузить security_check.php прямо в коробку с фантазиями или вставить упомянутый выше фрагмент.

Итак: как загрузить содержимое файла в fancybox?

Answer 1

Я что-то пропустил? Для имитации оповещения JS просто:

        $.fancybox({ title: "Registration Complete", autoCenter: true, content: "<div id='alert1' ><p>Well done, you have registered!</p></div>" });

Слишком просто, верно?

Answer 2

Имеется такой код для загрузки содержимого файла в DIV, содержащий содержимое fancybox:

$(function() {
    $("#MyFancyContents").load("security_check.php");
});

Тогда ссылка на fancybox должна выглядеть примерно так:

<a id="MyFancyLink" href="#MyFancyContents">Show</a>

И чтобы активировать то, что вы, вероятно, уже имеете:

$("#MyFancyLink").fancybox();

Редактировать: чтобы активировать причудливое поле при загрузке страницы, а не просто щелкнув по ссылке, введите вместо нее такую ​​строку:

$("#MyFancyLink").fancybox().trigger('click');