Results 1 to 4 of 4

Thread: Changing Menus - Keeping Rest of Page

  1. #1
    Join Date
    Jan 2008
    Location
    Los Angeles
    Posts
    98
    Thanks
    31
    Thanked 2 Times in 2 Posts

    Default Changing Menus - Keeping Rest of Page

    I have a menu included with css in a page.
    The menu doesn't include all the things I want to show and I need a second menu.
    Is there a way to "scroll" or hit a "next" button and have another menu pop in and replace that one.

    What I have done temporarily is to make a new page altogether with the new menu. The only thing is, that the new page is an "index2" page and basically takes you totally to the beginning of everything when it loads with the new menu.

    Say, for example, someone hit something on the old menu and it is in a "window" above the menu. OK. When they hit "next" and go to the second menu whatever was showing on the page above disappears because the new menu is a totally new page.

    I hope this is clear enough so I don't have to post all these pages...

    Thanks.

  2. #2
    Join Date
    Sep 2008
    Location
    Whiteford, MD
    Posts
    39
    Thanks
    1
    Thanked 2 Times in 2 Posts

    Default

    JavaScript probably here. You can have a second menu have display:none; via JS and then use the onclick event handler on the "Next" button calling the 2nd menu. You'd have to change a lot of display:none's though.

  3. #3
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Yup, either JS or an iFrame (not recommended)

    A start:
    http://www.dynamicdrive.com/dynamici...edcollapse.htm

  4. #4
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,126
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    you could do first menu yada yada yada then
    a link saying more which would drop down a second menu
    similiar to this http://www.bluewalrus.net/video.html
    where the videos pop down under the link.
    the java files here http://www.bluewalrus.net/java.js. Then put this
    Code:
    <a href="#" onclick="return toggleMe('para')">More</a><br />
    <div id="para2" style="display:none"> Put the rest of the info in here this will be hidden until clicked</div>
    Oh yeah i didnt write this but i found it somewhere via google a little while ago.

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
  •