Results 1 to 2 of 2

Thread: Can Chrome CSS Drop Down Menu function with Javascript turned off?

  1. #1
    Join Date
    Nov 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Can Chrome CSS Drop Down Menu function with Javascript turned off?

    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/dynamici...rome/index.htm

    Great site and resources, thanks everyone.


    IC

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Do you mean the sub menus don't appear if JS is disabled? If so, remove this line in the .css file:

    Code:
    .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:
    Code:
    document.write('<style type="text/css">\n\n')
    document.write('.dropmenudiv{visibility: hidden;}')
    document.write('</style>')
    DD Admin

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •