Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jul 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to keep Spry submenu visible on parent page

    I created a spry vertical drop down menu with dreamweaver CS4.
    Now I would like to keep the submenu items visible on the parent-page.
    I tried making an extra ul.MenuBarVertical ul-class with left: auto; but that didn't work.
    Can anyone help?

    Thanks, Arte

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Now I would like to keep the submenu items visible on the parent-page.
    I tried making an extra ul.MenuBarVertical ul-class with left: auto; but that didn't work.
    Can anyone help?
    Could you post a link to your page and then explain your requirement a little more?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Jul 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    On the 'trainingen basisschool' page the submenu (items 'voor kinderen' and 'voor docenten') should stay visible as long als the user is on that page. Nou the submenu is disapearing on mouseOut.
    website example
    The visability is set in the SpryMenuBar.js, but maybe it can be overrueled by CSS?
    As I am including the navigation, I was thinking about making a second, custumized navigation.php to include in the 'trainingen basisschool' page.
    I hope you can help..

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I'd assign different id attributes for the body element on different pages like
    Code:
    <body id="home" >
    Code:
    <body id="about" >
    etc and then assign a set of id attributed for the main list elements, like
    Code:
    <ul id="nav">
    	<li id="l_home"><a href="#">Percoidei</a>
    		<ul>
    			<li><a href="#">Remoras</a></li>
    			<li><a href="#">Tilefishes</a></li>
    			<li><a href="#">Bluefishes</a></li>
    			<li><a href="#">Tigerfishes</a></li>
    		</ul>
    	</li>
    
    	<li id="l_about"><a href="#">Anabantoidei</a>
    		<ul>
    			<li><a href="#">Climbing perches</a></li>
    			<li><a href="#">Labyrinthfishes</a></li>
    			<li><a href="#">Kissing gouramis</a></li>
    			<li><a href="#">Pike-heads</a></li>
    			<li><a href="#">Giant gouramis</a></li>
    		</ul>
    	</li>
    
    	<!-- etc. -->
    
    </ul>
    .

    After that, write specific CSS rules like
    Code:
    #home #l_home ul, #about #l_about ul{
    left:0;
    }
    to override the default CSS rule, which hides all sub menu sets.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Jul 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks! I made a test with your solution (www.ad-arte.nl/AW_test) but now something strange happens:
    After just hover, the submenu stays visible, even on the homepage. And I just made a CSS rule voor the 'trainingen basisschool' page. Only on that page I gave the body an id and I even included another nav.php (nav_sub.php) with the li-id (which overrules the 'currentpage'-id, but nevermind for the moment).
    But weird enough, even the homepage does neither have a body-id, nor has a navigation with li-id, it behaves like it has. It shouldn't do antything with the CSS rules than, shouldn't it?
    But even though, what I would like to achieve is: When someone clicks on the 'trainingen basisschool'-button, the page opens and the submenu is visible and stays like that, until another button is clicked. Offcourse, the submenu should still be visible on hover on every other page, but getting invisible on mouseOut.

    Boohoo, where are the good-old-pop-up-menus with hide-and-show-layers... :-(


  •  

    Tags for this Thread

    Posting Permissions

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