+ Reply to Thread
Results 1 to 6 of 6

Thread: Drop-Down Menu.

  1. #1
    Newbie Paradox has a spectacular aura about Paradox has a spectacular aura about Paradox has a spectacular aura about
    Join Date
    Jul 2008
    Posts
    17

    Drop-Down Menu.

    This is a basic drop-down menu you can add to your site. It's like a collapse able
    box like in vBulletin Modules. Except the way to get the content to drop is if you click the text & your content will fall underneath the text you clicked.

    Script:
    Code:
    <html>
    <head>
    <script type="text/javascript">
    function drop(id) {
       if (document.getElementById(id).style.display == 'block') {
             document.getElementById(id).style.display = 'none';
       } else {
                  document.getElementById(id).style.display = 'block';
       }
    }
    </script>
    </head>
    <body>
    <a onclick="drop(1)">TEXT TO CLICK</a>
    <div id="1" style="display:none;">CONTENT IN THE DROP-DOWN MENU</div>
    </body>
    </html>

  2. #2
    Administrator Jordan is a name known to all Jordan is a name known to all Jordan is a name known to all Jordan is a name known to all Jordan is a name known to all Jordan is a name known to all Jordan's Avatar
    Join Date
    Nov 2005
    Location
    Hendersonville, NC
    Posts
    24,556
    Blog Entries
    97

    Re: Drop-Down Menu.

    We use a technique similar to this on with the blogger that John and I added. I also use the "hide" tags in ionFiles to show/hid more info.

  3. #3
    Code Slinger chili5 has a reputation beyond repute chili5 has a reputation beyond repute chili5 has a reputation beyond repute chili5 has a reputation beyond repute chili5 has a reputation beyond repute chili5 has a reputation beyond repute chili5 has a reputation beyond repute chili5 has a reputation beyond repute chili5 has a reputation beyond repute chili5 has a reputation beyond repute chili5 has a reputation beyond repute chili5's Avatar
    Join Date
    Mar 2008
    Posts
    7,021
    Blog Entries
    1

    Re: Drop-Down Menu.

    Very interesting and easily expandable into multi-level menus
    "Whenever you remember, I'll be there/
    Remember how we reached that dream together" - Carrie Underwood

  4. #4
    TcM
    TcM is offline
    Code Warrior TcM is a name known to all TcM is a name known to all TcM is a name known to all TcM is a name known to all TcM is a name known to all TcM is a name known to all TcM's Avatar
    Join Date
    Aug 2006
    Posts
    11,461
    Blog Entries
    6

    Re: Drop-Down Menu.

    Good tutorial. +rep given.

  5. #5
    Programming Professional Whitey has a spectacular aura about Whitey has a spectacular aura about Whitey has a spectacular aura about Whitey's Avatar
    Join Date
    Feb 2008
    Location
    Loveland, Colorado
    Posts
    244

    Re: Drop-Down Menu.

    Now if you did OnMouseOut and OnMouseOver using this it just push's the other text down.. So is there a way to use this for a drop down menu?

  6. #6
    Guru debtboy is just really nice debtboy is just really nice debtboy is just really nice debtboy is just really nice debtboy is just really nice debtboy's Avatar
    Join Date
    Aug 2009
    Location
    I'm in the... Black Lodge
    Posts
    908

    Re: Drop-Down Menu.

    simple and clean
    +rep
    The owls are not what they seem...

+ Reply to Thread

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Similar Threads

  1. CodeCall Drop Down Menu
    By Whitey in forum JavaScript and CSS
    Replies: 4
    Last Post: 06-17-2008, 04:44 PM
  2. AJAX Drop down populating menu
    By SeR_Cyclops in forum MarketPlace
    Replies: 0
    Last Post: 01-08-2008, 10:26 PM
  3. Menu Item options.
    By aravot in forum easyContact
    Replies: 3
    Last Post: 12-13-2007, 03:27 PM
  4. how drop down value will display over the drop down menu
    By anniefs in forum JavaScript and CSS
    Replies: 1
    Last Post: 10-15-2007, 04:09 PM
  5. Javascript: Navigate from a Drop down menu
    By TcM in forum Javascript
    Replies: 3
    Last Post: 01-08-2007, 02:45 AM

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