PDA

View Full Version : Lightbox: select menu showing on top of popup



mrcolorado
08-28-2006, 03:17 AM
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
08-28-2006, 07:39 AM
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
08-28-2006, 10:25 AM
Thanks so much. Here's the link...

https://www947.ssldomain.com/wtomlinson/Store/productdetail.cfm?PID=166

Will

jscheuer1
08-28-2006, 08:16 PM
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
08-28-2006, 08:35 PM
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
08-28-2006, 09:00 PM
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
09-19-2006, 12:56 PM
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