Results 1 to 4 of 4

Thread: make switch menu not switch?

  1. #1
    Join Date
    Feb 2006
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default make switch menu not switch?

    i like how its expandable but can some1 help me make it so it can display more than 1 expanded menu at a time

    http://www.dynamicdrive.com/dynamici...switchmenu.htm

    thats the link thanks!

  2. #2
    Join Date
    Feb 2006
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    sorry, i was in a hurry when i first made this.

    I'm looking for someone to modify the switch menu script so it can expand more than 1 menu at a time and have 2 or more expanded menus at once.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,167
    Thanks
    44
    Thanked 3,240 Times in 3,201 Posts
    Blog Entries
    12

    Default

    I found this mod I had made up awhile ago lying around, sounds like what you are looking for:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
    <html>
    <head>
    <title>Switch Menu Script - Maintain all open Blocks</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    .menutitle{
    cursor:pointer;
    margin-bottom: 5px;
    background-color:#ECECFF;
    color:#000000;
    width:140px;
    padding:2px;
    text-align:center;
    font-weight:bold;
    /*/*/border:1px solid #000000;/* */
    }
    
    .submenu{
    margin-bottom: 0.5em;
    }
    </style>
    
    <script type="text/javascript">
    
    /***********************************************
    * Switch Menu script- by Martial B of http://getElementById.com/
    * Modified by Dynamic Drive for format & NS4/IE4 compatibility
    * Visit http://www.dynamicdrive.com/ for full source code
    * Modified by jscheuer1 in http://www.dynamicdrive.com/forums/
    * to maintain open blocks until closed by user
    * This credit must remain for legal use
    ***********************************************/
    
    var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
    var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
    
    if (document.getElementById){ //DynamicDrive.com change
    document.write('<style type="text/css">\n')
    document.write('.submenu{display: none;}\n')
    document.write('</style>\n')
    }
    
    function SwitchMenu(obj){
    if(document.getElementById){
    var el = document.getElementById(obj);
    var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
    if(el.style.display != "block"){ //DynamicDrive.com change
    
    el.style.display = "block";
    }else{
    el.style.display = "none";
    }
    }
    }
    
    function get_cookie(Name) { 
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) { 
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    
    function onloadfunction(){
    if (persistmenu=="yes"){
    var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
    var cookievalue=get_cookie(cookiename)
    if (cookievalue!="")
    if (cookievalue!="[]"){
    openids=new Array()
    openids=eval(cookievalue)
    for (i = 0; i < openids.length; i++){
    if (openids[i]!==undefined)
    document.getElementById(openids[i]).style.display="block"
    }
    }
    }
    }
    
    function savemenustate(){
    var inc=1, blockid="["
    while (document.getElementById("sub"+inc)){
    if (document.getElementById("sub"+inc).style.display=="block")//{
    blockid+="'sub"+inc+"',"
    inc++
    }
    blockid+="]"
    var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
    var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
    document.cookie=cookiename+"="+cookievalue
    }
    
    if (window.addEventListener)
    window.addEventListener("load", onloadfunction, false)
    else if (window.attachEvent)
    window.attachEvent("onload", onloadfunction)
    else if (document.getElementById)
    window.onload=onloadfunction
    
    if (persistmenu=="yes" && document.getElementById)
    window.onunload=savemenustate
    
    </script>
    </head>
    
    <body>
    <!-- Keep all menus within masterdiv-->
    <div id="masterdiv">
    
    <div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
    <span class="submenu" id="sub1">
    - <a href="new.htm">What's New</a><br>
    - <a href="hot.htm">What's hot</a><br>
    - <a href="revised.htm">Revised Scripts</a><br>
    - <a href="morezone/">More Zone</a>
    </span>
    
    <div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>
    <span class="submenu" id="sub2">
    - <a href="notice.htm">Usage Terms</a><br>
    - <a href="faqs.htm">DHTML FAQs</a><br>
    - <a href="help.htm">Scripts FAQs</a>
    </span>
    
    <div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div>
    <span class="submenu" id="sub3">
    - <a href="http://www.codingforums.com">Coding Forums</a><br>
    </span>
    
    <div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div>
    <span class="submenu" id="sub4">
    - <a href="http://www.javascriptkit.com">JavaScript Kit</a><br>
    - <a href="http://www.freewarejava.com">Freewarejava</a><br>
    - <a href="http://www.cooltext.com">Cool Text</a><br>
    - <a href="http://www.google.com">Google.com</a>
    </span>
    
    <img src="files/about_off.gif" onclick="SwitchMenu('sub5')"><br>
    <span class="submenu" id="sub5">
    - <a href="http://www.dynamicdrive.com/link.htm">Link to DD</a><br>
    - <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a><br>
    - <a href="http://www.dynamicdrive.com/contact.htm">Email Us</a><br>
    </span>
    
    </div>
    
    </body>
    </html>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Feb 2006
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Sweet, that's exactly what I was looking for.

    Thanks dude!

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
  •