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

Question

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

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

2 панели выглядят так:

panel1: -> это содержимое должно быть заблокировано, но должно быть видимым

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

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

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

Answer 1

Посмотрите на плагин BlockUI jQuery, посмотрите демонстрацию Блокировка элементов .

Answer 2

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