Как заблокировать содержимое панели, но не заблокировать всю страницу

Question

У меня есть требование, когда у меня есть 2 панели. Первая панель имеет некоторый контент. Вторая панель имеет некоторый контент

, но здесь мне нужно заблокировать Panel1. Это означает, что я хочу, чтобы даже панель1 отображалась, но она должна быть заблокирована, как и все, когда пользователь нажимает любую кнопку на панели1. Ничего не должно происходить внутри панели1. Этого нельзя допускать. Это похоже на то, что панель 1 видна, но блокирует все содержимое внутри Panel1, заблокированное как вещи. , но любая функциональность в содержании панели 2 должна работать. как нажав на текстовое поле, кнопка мыши,

на 2 панели появляются как этот

панели1: -> Содержание этого должно быть заблокировано, но видно

panel2: -> вы можете сделать любой изменения нужно

надеюсь, что мой вопрос ясен

любая помощь будет Great Спасибо

Answer 1

Посмотрите на плагин jQuery BlockUI, проверьте Element Blocking demo.

Answer 2

Используйте технику, используемую многими плагинами Lightbox и Modal Dialog: поставьте полупрозрачный div над верхней частью области, которую вы хотите сделать «отключенной». В случае этих плагинов они охватывают всю страницу, но в вашей ситуации просто расположите ее в том же положении, что и панель, придав ей ту же ширину и высоту.