PDA

View Full Version : Can Chrome CSS Drop Down Menu function with Javascript turned off?



Iconic_creator
11-14-2008, 06:21 PM
I saw the Chrome CSS Drop Down Menu and it looks great.
However, I turned off Javascript in my browser to test it and I noticed that the menu does not work at all.

Is there a way around this? How do you make Chrome CSS Drop Down Menu
work with Javascript turned off.

The link below shows the menu:

http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

Great site and resources, thanks everyone.


IC

ddadmin
11-15-2008, 06:07 AM
Do you mean the sub menus don't appear if JS is disabled? If so, remove this line in the .css file:


.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

and inside the .js file, add the below to the very end to dynamically generate the removed CSS code:


document.write('<style type="text/css">\n\n')
document.write('.dropmenudiv{visibility: hidden;}')
document.write('</style>')