I am not sure how to make the entire screen as protected by 
a single statement. But we can protect the fields 
individully by moving the user defined value to the 
attribute field of the fields. 

Attribute byte is a 1 byte field, in which the third bit 
indicates whether it is protected(1) or unprotected (0) and 
for all other fields we can give any of 0 or 1

For Ex: 00100101  ---- if this value is in attribute byte 
then the filed is protected we can say, as the third bit is 
1. 

The decimal value of it(00100101) is 37. 

The following program will show you how to move this value 
to the attribute byte of the map fields.

01 fiel1  pic s9(4) comp value 37.

01 fiel2 redefines fiel1.
  02 a pic x.
  02 b pic x.

Move b to nameA. // name field will be protected. 

Like this we move b to all the unproteceted fields on the 
screen.

Please correct me if i am wrong and provide me the correct 
soultion....

Take a div tag in absolute position n set display property
to none .Now on any click event set width , height n
display="block" .Also set z-index accordingly .Your screen
will be block in specified width n height area .