Lightbox: select menu showing on top of popup

[mrcolorado]

I have things working with the lightbox image viewer script but I have two problems.

1. The overlay won't show in FF 1.5

2. On my page where the popup shows, a select menu in a form is on top of the image viewer... lol!

Any ideas?

Thanks,
Will

[jscheuer1]

For number one:

Please post a link to the page on your site that contains the problematic script so we can check it out.

For number two, Lightbox is so complicated that there is probably no good way to do this other than remove the select box from the page. This is an IE only bug.

[mrcolorado]

Thanks so much. Here's the link...

https://www947.ssldomain.com/wtomlin...il.cfm?PID=166

Will

[jscheuer1]

In lightbox.css change this line:

#overlay{ background-image: url(Images/overlay.png); }

to:

#overlay{ background-image: url(../Images/overlay.png); }

The reason IE finds it is that IE is working off of the page's relative position for the filter but, true style (which the above lines are) work off of the relative position of the stylesheet file.

Also, now that I see your page, I think I can make a fairly simple fix for the select box after all but, will have to get back to you on that.

[mrcolorado]

John,

THe overlay is fixed now. I have the select almost fixed. I'm changing some js in the js file.

Line 208

if(objLink.getAttribute('title')){
document.addtocartform.optionID.style.display='none';

Then in function hidelightbox() I do this:

document.addtocartform.optionID.style.display='block';

Just one little formatting issue left in IE. I'll post my fixes.

Thanks,
Will

[mrcolorado]

Yep John, that fixed all my problems. Here's my final working solution:

Line 208 - I hide the select:

if(objLink.getAttribute('title')){
document.addtocartform.optionID.style.display='none';
objCaption.style.display = 'block';

Line 260 - I show it again when the box goes into hiding.

function hideLightbox()
{
// get objects
objOverlay = document.getElementById('overlay');
objLightbox = document.getElementById('lightbox');

// hide lightbox and overlay
objOverlay.style.display = 'none';
objLightbox.style.display = 'none';
document.addtocartform.optionID.style.display='block';

Hope this helps some others. Thanks much!

Will

[gro11ver]

Same problem here and not having much luck trying to fix it.

http://elam.jrpwebcreations.com/decks/woodDecks.html

I am using 2 scripts from Dynamic Drive- Jim Sayer's DHTML menu 5.7 and the Lightbox

not seeing the z index on the navigation menu files at all