Wie man den Inhalt eines Panels blockiert, aber nicht die gesamte Seite blockiert

Question

Ich habe eine Anforderung, wo ich 2 Panels habe. Das erste Panel hat etwas Inhalt. Das zweite Panel hat etwas Inhalt

aber hier muss ich das Panel1 blockieren. Das heißt, ich möchte, dass auch panel1 erscheint, aber es sollte so blockiert werden, wie es heißt, wenn der Benutzer auf eine Schaltfläche in panel1 klickt. In der panel1 sollte nichts passieren. Es sollte nicht erlaubt sein. Es ist ungefähr so, als ob man das Panel 1 sichtbar macht, aber den gesamten Inhalt des Panel1 blockiert, wie Dinge. aber jede Funktionalität in Panel 2 Inhalt sollte funktionieren.

die 2 Platten erscheinen wie diese

panel1 auf das Textfeld, Schaltfläche klicken, wie klicken: -> Inhalt sollte blockiert werden, aber sichtbar

panel2: -> Sie jeder machen kann Änderungen, die Sie

brauchen

hoffe, meine Frage

jede Hilfe Sie wäre Groß Klar ist Vielen

Answer 1

Werfen Sie einen Blick auf die BlockUI jQuery Plugin, überprüfen Sie die Element Blocking demo.

Answer 2

Verwenden Sie die Technik, die von vielen Lightbox- und Modal-Dialog-Plugins verwendet wird: Legen Sie ein halbtransparentes div über den oberen Bereich des Bereichs, den Sie "deaktiviert" machen möchten. Bei diesen Plugins wird die gesamte Seite abgedeckt, aber in Ihrer Situation positionieren Sie sie einfach an der gleichen Stelle wie das Panel und geben ihm die gleiche Breite und Höhe.