View Full Version : Modal Window not Disabling Parent Elements

01-20-2014, 04:28 AM
1) Script Title: DHTML Modal Window v1.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/dhtmlmodal.htm

3) Describe problem:

I have a page that includes a right sidebar, with a section for someone to initiate the process to join an e-mail list. When the "SIGN UP HERE" button is clicked in the right sidebar, a modal window appears, however, the navigation elements on the initial page are still active / enabled. How do I disable all of the elements on the initial page?

my page:


01-20-2014, 05:00 AM
In the mrfuzzyandthebarbarian.com/dhtmlmodal/modalfiles/modal.css file, make the highlighted change:

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 50;
visibility: hidden;
opacity: 0.8;

The browser cache may need to be cleared and/or the page refreshed to see changes.