Блог

Как я могу заполнить div поверх родительского окна, и родительское окно должно быть отключено до тех пор, пока всплывающая Div / html-страница не закроется.

Отключение родительского окна означает невозможность работы. Как только дочерний div заполнится поверх родительского div, вам будет разрешено продолжить работу только с этой заполненной div / html-страницей.

1) Создайте div, который занимает весь ваш монитор. По умолчанию не отображается, а z-индекс равен 1 (для этого также требуется абсолютная позиция)

2) Снова расположите всплывающий div в абсолютном положении и не отображайте значение none. z-индекс 2

3) Щелкните изменить отображение для этих двух. Пока div 1 виден и занимает весь монитор, вы ничего не сможете сделать. Будет доступен только div 2, поскольку он находится над div 1 в направлении z.

Нравится модальный диалог пользовательского интерфейса jQuery? Если вы используете библиотеку пользовательского интерфейса jQuery, все, что требуется, — это простая функция:

 $('#foo').dialog()
  

Невозможно сделать надежно, пользователи могут обойти это. Вы можете имитировать модальный диалог, но на клиенте происходит все, что угодно. Что бы ни должен был предотвращать этот диалог, ваш сервер и логика на странице должны ожидать, что он, возможно, не выполнил свою работу.