PDA

View Full Version : Modal Window not Disabling Parent Elements



DDmUSA
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:

http://mrfuzzyandthebarbarian.com/home-nuts.php

jscheuer1
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;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

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