Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:38
Problem using menu system with lightbox.js
Poster: Stew
Dated: Wednesday April 4 2007 - 17:02:58 BST
Hi,
When I click on an image to view larger image, I use some js called lightbox, I'm sure you'll have come across it on many sites.
The problem is that while the calling page is 'greyed out' , the menu system is still visible and active.
Has anyone combined the 2 successfully?
Poster: Andy
Dated: Wednesday April 4 2007 - 17:44:48 BST
Hi,
Yes, you can ensure that the main menu sits under the "greyed area" with Prototype and Lightbox by adding a zindex property to your main menu.
Here's a sample main menu:
Code:
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=170;
orientation="horizontal";
style=menuStyle;
top=120;
zindex=80;
aI("text=Home;url=http://www.milonic.com/;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=MyMilonic;text=My Milonic;");
}
alwaysvisible=1;
left=170;
orientation="horizontal";
style=menuStyle;
top=120;
zindex=80;
aI("text=Home;url=http://www.milonic.com/;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=MyMilonic;text=My Milonic;");
}
I think Lightbox sets its zIndex to 100 so if you force the menus zindex to be 80 it should sit high enough to work but low enough to sit under lightboxes PNG image.
HTH,
Andy
