パネルの内容をブロックするが、ページ全体をブロックしない方法

Question

私は2つのパネルが必要です。 最初のパネルには何らかのコンテンツがあります。 2番目のパネルにはいくつかのコンテンツがあります

ここで私はPanel1をブロックする必要があります。これは、panel1を表示することを意味しますが、ユーザーがpanel1の任意のボタンをクリックしたときのようにブロックする必要があります。許可されてはいけません。それは、パネル1を見えるようにするが、Panel1内のすべてのコンテンツをブロックするようなものだ。 パネル2のコンテンツの機能は動作するはずです。テキストボックスをクリックすると同じように、ボタンのクリック、

は、2枚のパネルは、この

パネル1のように表示されます： - >この内容は、ブロックされるはずですが、目に見える

panel2： - >あなたはいずれかを行うことができますあなたは

を必要とする変更が

Answer 1

ありがとう任意のヘルプは 素晴らしいことだ私の質問はクリア

であると思いますBlockUI jQueryプラグインを見て、Element Blocking demoを確認してください。

Answer 2

多くのライトボックスとモーダルダイアログプラグインで使用されている技術を使用します。半透明のdivを "無効にする"領域の上に置きます。これらのプラグインの場合は、ページ全体をカバーしますが、状況に応じて、パネルと同じ位置に配置して、同じ幅と高さにします。