Открыть веб-страницу в модальном поле?

Question

Возможно ли это?не только html, но и другая таблица стилей и т. д., а затемнение остального экрана?

Спасибо за любую помощь.

Ann

Answer 1

Проверьте Colorbox ( Демо ).Это очень хорошо собранный плагин для jQuery .

Используя iFrames, вы можете загрузить практически все что угодно в этот модальный плагин.Вот пример кода для демонстрации с iFrame.

разметка

<a class='example7' href="http://google.com">Outside Webpage (Iframe)</a>

JavaScript

$(".example7").colorbox({iframe:true, innerWidth:425, innerHeight:344});

Итак, вы можете просто изменить http://google.com на ./your-iFrame.html или что-то еще, и он загрузит и отобразит всю эту страницу!

Answer 2

Да, загрузить данные в iframe. Большинство модальных сценариев, таких как простой модальный, очень хорошо интегрированы, и для их использования необходимо настроить только несколько параметров.

Answer 3

Вы можете использовать window.showModalDialog (хотя это может быть реализовано как новое окно) или реализовать модальное диалоговое окно самостоятельно, загрузив страницу в <iframe> и добавив полупрозрачный элемент, z-index позволяет охватить весь документ.