Comment bloquer le contenu d'un panneau mais pas bloquer la page entière

Question

J'ai une exigence où j'ai 2 panneaux. Le premier panneau a du contenu. Le deuxième panneau a un certain contenu

mais ici je dois bloquer le Panel1. Cela signifie que je veux même que panel1 apparaisse, mais il devrait être bloqué comme si cela signifiait que l'utilisateur cliquait sur n'importe quel bouton de panel1. Rien ne devrait se passer dans le panel1. Cela ne devrait pas être autorisé. C'est quelque chose comme rendre le panneau 1 visible mais bloquer tout le contenu à l'intérieur du Panel1 bloqué comme des choses. mais toutes les fonctionnalités du contenu du panneau 2 devraient fonctionner. comme en cliquant sur la zone de texte, bouton clic,

les 2 panneaux apparaissent comme ce

panel1: -> le contenu de ce qui devrait être bloqué, mais visible

panel2: -> vous pouvez faire tout les changements que vous avez besoin

espère que ma question est claire

toute aide serait grand Merci

Answer 1

Jetez un oeil au plugin jQuery BlockUI, vérifiez le Element Blocking demo.

Answer 2

Utilisez la technique utilisée par de nombreux plugins Lightbox et Modal Dialog: placez un div semi-transparent sur le haut de la zone que vous souhaitez désactiver. Dans le cas de ces plugins, ils le font couvrir toute la page, mais dans votre situation, il suffit de le positionner à la même position que le panneau, en lui donnant la même largeur et la hauteur.