Boggus Web

Boggus Web
Home - Blog - dbProjects

New Version of dbMenu

By: DavidBoggus on January 10, 2007

I have created a new version of dbMenu.The new version supports basically the same features as the previous version except that it supports multiple sublevels whereas the previous version only supported one sublevel. A demo is located here

Leave your own comment

Comments

aerolaswewS (March 11, 2013)

AuiLlwZgaWsd [url=http://nike-nike-n3.webnode.jp/]nike エア[/url] KxlSgcMkkEzb [url=http://nike-air36.webnode.jp/]nike id[/url] ZglInrRxiZau [url=http://nike832.webnode.jp/]ナイキ[/url] RppPqzUjuRza [url=http://nike-nike-n0.webnode.jp/]ナイキシューズ[/url] WylNitEqrAzf [url=http://nike-nike-n4.webnode.jp/]ナイキ[/url] VemQeqGsoMhf [url=http://nike-air32.webnode.jp/]ナイキスニーカー[/url] ZoiHaoTtzTpa [url=http://nike-air83.webnode.jp/]ナイキスニーカー[/url] FgnHtfZiaGih [url=http://nike-nike-n2.webnode.jp/]nike シューズ[/url] RhaRkeDvyWhe [url=http://nike-nike-n.webnode.jp/]nike シューズ[/url] IjqNbdIshMyc TadLmiOaaBil [url=http://nike73.webnode.jp/]nike air[/url] CkoNpaPdoIdf [url=http://nike-nike-air.webnode.jp/]nike[/url] HudRicTfvJue [url=http://nike-nike-air2.webnode.jp/]ナイキ[/url] PoqYjzCxcDmg [url=http://nike-nike-air1.webnode.jp/]ナイキ[/url] LykRhtMfhSch [url=http://nike-air9.webnode.jp/]スニーカーナイキ[/url] OsuEtxSkaDeb [url=http://nike-air5.webnode.jp/]ナイキ air[/url] SivGjdMloVyv [url=http://nike600.webnode.jp/]ナイキ air[/url] VjqHosJwyQkv [url=http://nike-air3.webnode.jp/]スニーカー nike[/url] QqoBxbZttUmi [url=http://nike-air2.webnode.jp/]ナイキ air[/url] JvoGbhQjgQro TwyIvbEweYgp [url=http://nike-nike-n5.webnode.jp/]nike エア[/url]JtfUxnNcdNro [url=http://nike-nike-n37.webnode.jp/]nike id[/url]LrfNhwRpqCza [url=http://nike-nike-n8.webnode.jp/]nike ランニング[/url]UvaAfuBmrCfc [url=http://nike-free-free-nike.webnode.jp/]nike free[/url]DaiAscYtnXpm [url=http://nike-free-free-nike7.webnode.jp/]ナイキ フリー[/url]KdbUppYkiJhr [url=http://nike-free-free-nike6.webnode.jp/]ナイキゴルフ[/url] CmgXunOazSgt [url=http://nike-free-free-nike4.webnode.jp/]ナイキゴルフ[/url] XueUwpSskCmv [url=http://nike-free-free-nike9.webnode.jp/]nike free[/url]JngAhnGwzRts

small loans (June 22, 2012)

[url=ht

Josephine (February 24, 2011)

Hi David,

I'm using version 3 of dbMenu and it works great. The problem I have is with a javascript search engine on my site, the search enigine indexes the links in the menu. For example one of the links in the menu is called "chocolatecake" and when I search for that word, all pages are showed as result because it's in the menu.

Is there a code I can add to the javascript to prevent indexing of dbMenu?

Thanks.

 

 

DavidBoggus (March 30, 2010)

Sorry but the answer is no, dbMenu does not support opening sub-menus in different frames. I personally do not like frames and so when I was designing it I didn't even consider the situations where this feature might be useful.

JS (March 30, 2010)

Hey is there way to link menubar content to different frame? Like i got menubar's content working through database and the site is divided to 3 parts. I have menubar on left frame and i would like to open its content to right frame...

 

DavidBoggus (March 29, 2010)

Great, I'm glad everything worked out.

Gaby (March 29, 2010)

David,

Thanks for the quick response!!

After my posting I found your dbMenu 3.

I updated to dbMenu 3 and it works fine!!!  The links are now going to the iFrame =)

Great job!!!! Thank you!!!!!

DavidBoggus (March 29, 2010)

Yes even though I have not really done any work to the site I do still check it and I even get e-mails telling me when someone comments, so thanks for bringing this up.

First of all you can not put the link outside of the <li> because of  the way the CSS file is set up.

The issue that you are having is a common one that comes up with dbMenu version 2 and I have posted what should be a fix to this problem further down this page in one of the early comments. However this fix causes a problem as well. With the fix, that I will repeat here at the end of my comment, you are forced to click on the text for the link to work. You could try version 3 of dbMenu but unless you set up the CSS files just right it will do the same thing with having to click on the text.

So to fix the target issue, open dbMenu.js and find the following line.

addEvent(menu, 'click', dbMenu.nav, false);

remove that line form the file.

Hope this helps. If not send me another message and we'll go from there.

Gaby (March 29, 2010)

Hi,

I have a question/comment on your dbMenu, so hopefully you're still checking this blog.

I have it working fine, but I'm trying to target an iframe, and when I do, the submenu structure changes.  This is what I do:

<li>Main Menu Item
 <ul>
  <a href="data.html" target="iFrame"><li>First SubMenu Item</li></a>

then the box that surrounds this item is cropped at the bottom, and the text in the SECOND item is off to one side.

If I put the href inside the <li>, like this:

<li>Main Menu Item
 <ul>
  <li><a href="data.html" target="iFrame">First SubMenu Item</a></li>

Then the menu displays correctly, but the page does NOT go to the iframe, it goes to a  _self instead.

Any thoughts?  Thank you!!!

(May 3, 2009)

hi david. please dont rush. your work and family is of most importance :D

you are correct in what my issue are. the only isue is that the link only works when i click the text but the menu works fine with collapse and etc.

once again thanks david

Rasmus

DavidBoggus (April 30, 2009)

Rasmus Højgaard,

First I would like to apologize for the delay in my response I have been very busy with work and family issues. Second I want to make sure that I know exactly what the issue you are having is. From looking at your site and reading your comments I understand that the issue is that the links only work if you click on the text. Is this correct and is this the only issue you are having. I was unable to see what could be causing the issue. I will try to take a second look at it this weekend.

David

Rasmus Højgaard (April 22, 2009)

the js script is found in www.streetcustom.dk/java/menu/dbmenu.js

the css scripts are also found in /java/menu  and etc

Rasmus Højgaard (April 22, 2009)

hi david sorry for the delay.

the site name is www.streetcustom.dk and the collapsible menu is in www.streetcustom.dk/java/menu/collapse.shtml

the drop down is located in www.streetcustom.dk/java/menu/banner.shtml

hope u can help me.

(April 10, 2009)

hi David

I tried to convert to db menu3 and nothing showed right :S

the site name is http://streetcustom.dk

 

my js code is as followed/**
  *Author: David Boggus
  *URL: www.boggusweb.com
  *Date: 9-15-06
  **/
var dbMenu = {
    init: function(){
        var uls = document.getElementsByTagName('ul');
        for(var i = 0; i < uls.length; i++){
            if(uls[i].className.search(/\bdbMenu\b/) == -1)
                continue;
            var menu = uls[i];
           
            dbMenu.styleSubMenus(menu);
           
            addEvent(menu, 'mouseover', dbMenu.hover, false);
            addEvent(menu, 'mouseout', dbMenu.hoverOff, false);
            if(menu.className.search(/\bonMouse\b/) == -1){
                addEvent(menu, 'click', dbMenu.click, false);
            }
        }   
    },
   
    hover: function(e){
        var target = (window.event)? window.event.srcElement : (e)? e.target : null;
       
        if(target){
            target = dbMenu.getTarget(target, 'li');
            if(!target) return;
        }else{
            return;
        }
       
        target.className += ' hover';
       
        var t = (target.className.search(/\bsubMenu\b/) != -1)? target : (target.parentSubMenu)? target.parentSubMenu : null;
        if(!t) return;
        clearTimeout(t.timeout);
       
        if(target.parentMenu.className.search(/\bonMouse\b/) != -1){
            t.className += ' click';
        }
    },
   
    hoverOff: function(e){
        var target = (window.event)? window.event.srcElement : (e)? e.target : null;
       
        if(target){
            target = dbMenu.getTarget(target, 'li');
            if(!target) return;
        }else{
            return;
        }
       
        target.className = target.className.replace(/hover/g, '');
       
        if(target.parentMenu.className.search(/\bonMouse\b/) != -1){
            var t = (target.className.search(/\bsubMenu\b/) != -1)? target : (target.parentSubMenu)? target.parentSubMenu: null;
            if(!t) return;
            t.timeout = setTimeout(function(){ t.className = t.className.replace(/click/g, ''); }, 50);
        }
    },
   
    click: function(e){
        if(window.event){
            window.event.cancelBubble = true;
        }
        if(e && e.stopPropagation){
            e.stopPropagation();
        }
        var target = (window.event)? window.event.srcElement : (e)? e.target : null;
       
        if(target){
            target = dbMenu.getTarget(target, 'li');
            if(!target) return;
        }else{
            return;
        }
       
        if(target.className.search(/\bclick\b/) == -1){
            target.className += ' click';
        }else{
            target.className = target.className.replace(/click/g, '');
        }
    },
   
    nav: function(e){
        if(window.event){
            window.event.cancelBubble = true;
        }
        if(e && e.stopPropagation){
            e.stopPropagation();
        }
        var target = (window.event)? window.event.srcElement : (e)? e.target : null;
       
        if(target){
            target = dbMenu.getTarget(target, 'li');
            if(!target) return;
        }else{
            return;
        }
       
        for(var i = 0; i < target.childNodes.length; i++){
            var node = target.childNodes[i];
            if(node.nodeName.toLowerCase() == 'a'){
                window.location = node.href;
                break;
            }
        }
    },
   
    getTarget: function(target, elm){
        if(target.nodeName.toLowerCase() != elm && target.nodeName.toLowerCase() != 'body'){
            return dbMenu.getTarget(target.parentNode, elm);
        }else if(target.nodeName.toLowerCase() == 'body'){
            return null;
        }else{
            return target;
        }
    },
   
    styleSubMenus: function(menu){
        lis = menu.getElementsByTagName('li');
        for(var i = 0; i < lis.length; i++){
            node = lis[i];
            node.parentMenu = menu;
            if(node.getElementsByTagName('ul').length != 0){
                node.className += ' subMenu';
                sublis = node.getElementsByTagName('li');
                for(var j = 0; j < sublis.length; j++){
                    sublis[j].parentSubMenu = node;
                }
            }
        }
    }
}
   
function addEvent(elm, evType, fn, useCapture){  //cross-browser event handling for IE5+, NS6+, and Mozilla/Gecko By Scott Andrew
    if(elm.addEventListener){
        elm.addEventListener(evType, fn, useCapture);
        return true;
    }else if(elm.attachEvent){
        var r = elm.attachEvent('on' + evType, fn);
        return r;
    }else{
        elm['on' + evType] = fn;
    }
}

addEvent(window, 'load', dbMenu.init, false);

 

 

and my shtml code is

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>indhold</title>
    <script src="dbMenu.js" type="text/javascript">

    /***********************************************
    * DbMenu script- by David Boggus: http://www.boggusweb.com/
    * Please keep this notice intact
    * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and more
    ***********************************************/

    </script>
    <link href="global.css" type="text/css" rel="stylesheet" media="screen">
    <link href="collapse.css" type="text/css" rel="stylesheet" media="screen">
    <base target="main">
<meta name="description" content="Chevrolet c10, chevrolet fleetmaster, Celica st162, buick riviera, alfa 156, chrom, motorcykler, styling, airbrush, ">
    </head>
<body bgcolor="#423C44">

    <ul id="menu" class="dbMenu">
        <li><a href="../../deliver-m-loop/index.html">Start</a></li>
        <li><a href="../../kontakt.htm">Kontakt</a>
            <ul>
                <li><a href="../../kedde.htm">Kedde</a>&nbsp; </li>
                <li><a href="../../morten.htm">Morten</a></li>
            </ul>
        <li><a href="../../info.htm">Info</a>
            <ul>
                <li><a href="../../Find_os.htm">Hvor</a></li>
            </ul>
        <li><a href="../../galleri_hjem.htm">Galleri</a>
            <ul>
                <li><a href="../../Gallerier/Chrome/galleri_chrom.html">Chrom</a></li>
                <li><a href="../../Gallerier/Airbrush/galleri_Airbrush.html">Airbrush</a></li>
                <li><a href="../../galleri_Projekter.htm">Projekter</a></li>               
            </ul>
        <li><a target="main" href="../../Links.htm">Links</a>
            <ul>
                <li><a target="_blank" href= http://www.mccruisecontrol.dk>MCCruiseControl</a></li>
                <li><a target="_blank" href= http://www.socalcarculture.com>Socalcarculture</a></li>
                <li><a target="_blank" href= http://www.salcolor.dk>Salcolor A/S</a></li>
            </ul>
        <li><a target="main" href="../../igangvaerende_projekter.htm">
        Igangværende Proj.</a>
            <ul>
                <li><a href="../../igangvaerende_projekter.htm#buickriviera">Buick Riviera</a></li>
                <li><a href="../../igangvaerende_projekter.htm#campingvogn">Campingvogn</a></li>
                <li><a href="../../igangvaerende_projekter.htm#chevyc10">Chevrolet C10</a></li>
                <li><a href="../../igangvaerende_projekter.htm#celica">Celica st162</a></li>
                <li><a href="../../igangvaerende_projekter.htm#ferguson">Ferguson Traktor</a></li>

            </ul>
        <li><a target="main" href="../../kommende_projekter.htm">Kommende Proj.</a>
            <ul>
                <li><a href="../../kommende_projekter.htm#Alfa156">Alfa Romeo 156</a></li>
                <li><a href="../../kommende_projekter.htm#fleetmaster">Chevrolet Fleetmaster</a></li>
            </ul>
</body>
</html>

 

i realy hope you can help me. im not farmiliar with coding, pretty green you might say.

Rasmus

 

DavidBoggus (April 7, 2009)

Rasmus Højgaard (April 7, 2009),

Could you send me your code or give me a link to the site you are working on so I can see what the problem is? I know that there are issues with using frames with dbMenu but I might be able to help you if I can see the issues.

What about dbMenu 3 did not work for you?

David

Rasmus Højgaard (April 7, 2009)

Hi david

i have removed the line: addEvent(menu, 'click', dbMenu.nav, false);

but now only the text links ive tried different things but cant seem to get it to work.

the problem is that i am using frames on the web site and had to remove the addEvent(menu, 'click', dbMenu.nav, false); line from the js file.

is it possible to correct this? and how?

ive also tried to convert to dbmenu V.3 but that does not work either. :S

any help would be appreciated

baha (October 3, 2008)

thank you boggus dbmenu

DavidBoggus (September 4, 2008)

Bill,
There are two solutions to you problem. You could upgrade to dbMenu3 as version 3 does not have this problem. Or you could remove this line

    addEvent(menu, 'click', dbMenu.nav, false);

from the dbMenu.js file.

I hope this helps

David

bill (September 3, 2008)

I am developing a website and find the drop down menu works except for one feature, when I provide an external link with open self for a new window I get two copies of the new window open link and my website does not remain. Any Help would be appreciated?

DavidBoggus (August 6, 2008)

Tom,

The menu does not have any checks for things like that. You can set the menus to always go up-wards using CSS, but there is no way to do it only if they go off of the screen. That is one of the many things I'll have to look into if I ever get a chance to make a new version. sorry if this is not helpful.

David

Tom (August 5, 2008)

Hi David,

Firstly, cheers for the excellent menu system. It has made a great difference to the appearance of my site. At the moment, I have several sub menus that open beyond the page i.e. the user can't see all the links without having to scroll down using the mouse scroller. This can be quite tricky, since a bulk of the users don't have very steady hands :)

Is there any way I can modify the code to get the submenus to display upwards if they are going off the page?

Cheers,

Tom

DavidBoggus (August 3, 2008)

Mark,

Sorry that it took me so long to respond. As far as making the lower levels display over the upper menu levels, you should be able to do that with css z-index but making it show over flash and other things is harder.

David

Mark (July 28, 2008)

 

DbMenu 3 is just great. I have integrated into our site and dynamically generate our menus from a database. We can now add any menu item to our site at any time with no code changes. I have programmed it for up to 6 levels of sub menus and can add more levels in about 30 sec each if needed and it works with button images as well as text menus. What a great versatile script design, good job.

I have a question on how the menus display, is there a way to have the menus forced to display on top of page content? Currently most of the menus will display on top of pictures but not flash or previous levels of menu. The menu display question comes about because I would like to have the menus display without expanding so far to the right. I can change the position to where I want but any upper level menus will over write the current menu.  

DavidBoggus (April 9, 2008)

Rick (April 8, 2008),

To center the menu you will have to add the following to your css.

.dbMenu{
    width: 51em;
    margin: 0 auto;
}

you can change the numbers to match what you need but that should do it.

David

Rick (April 8, 2008)

This menu is exactly what I have been looking for. However, I am having what would seem to be the simplest of problems. I cannot get the dropdown menu to center in my page. It is either justified left or halfway off the page to the right. Is there something I need to change in the css or js file?

DavidBoggus (April 2, 2008)

Great, I'm glad I could help.

JudasChrist (April 2, 2008)

It worked! I changed the css as you said and now I can change the id without problems! Thank you, thank you, thank you!!!!!

DavidBoggus (April 2, 2008)

I think that it has to do with the version of the menu that you are using and the css. I'm guessing that you are using dbMenu 2 (the one found on jskit and many other places out there). If all of the menu's are dropdown then change the css by replacing #dropdown with .dbMenu that should make it so that you can change the id's.

JudasChrist (April 2, 2008)

Hi, thanks for the fast reply!

I know I shouldn't, but that was the only way I managed to make the menus format correctely. If I have the top UL's like <UL id="dropDown" class="dbMenu" style="top: .......> they appear ok, if I change the id for anything else, they appear as an unformated list. I found that weird, but couldn't find a reason for that... Thanks!

DavidBoggus (April 1, 2008)

JudasChrist(April 1, 2008),

You really shouldn't have the id's all be the same. The id is supposed to be a unique value. I would have to look at the code inorder to help you out.

David

JudasChrist (April 1, 2008)

Hi, thanks for these great menus. I have a question. I have a page with 3 dropdown menus and I want to hide/show them separately (with 3 "hide/show" buttons, for instance). I tried document.getElementById..., but that won't work because the 3 menus's ids are equal, which makes the first menu to disappear... how can I make each button know which menu to hide/show? Thanks!

Slawek (March 30, 2008)

I was useing some older version of db now have db3 so its going well!! thanks again

Slawek (March 30, 2008)

Thanks, that was it! :)  found another one why text colour changes on my page i mean when use dbMenu some of the lines are in black like it is in script and other in blue (thats my site font color)?

DavidBoggus (March 29, 2008)

Slawek (March 29, 2008),

    The width is set in the css. it should be in the first 10 or 20 lines of the file (depends on which version you are using). The sizes are all in em's so just look for width: 9em; or something like that and change it.

David

Slawek (March 29, 2008)

Hi just found dbMenu its great but just one question: how do i change the lenght of the menu? like it is bout '160' and i want it '150'

is it possible? im just starting with html css ... :)

XXLKlintonLobby (March 20, 2008)

H. Klinton vs. Obama. How you think who will win elections in Unated States of America?

Stuart (March 5, 2008)

Hi David, First thanks for dbMenu its really nice to work with. I have some menu trees where the LI that opens a submenu doesn't have a link, this causes the init function to assign the submenu class to the first A tag it can find as descendent of that LI. To fix that I replaced

parentLI.getElementsByTagName('a')[0].className += " subMenu";
with 
var a = parentLI.getElementsByTagName('a')[0];
 if(parentLI == a.parentNode) 
    a.className += " subMenu"; 

Also since the padding has gone in dbMenu3 (I'm using the side cascading) its possible to style the LI and UL so that you don't get a double width border between the LI elements which looks very nice.

#side ul {
    border-bottom: [[borderwidth]] [[borderstyle]] [[bordercolor]];
}
ul#side {
    border-bottom: [[borderwidth]] [[borderstyle]] [[bordercolor]];
}
#side li {
    border-top: [[borderwidth]] [[borderstyle]] [[bordercolor]];
    border-left: [[borderwidth]] [[borderstyle]] [[bordercolor]];
    border-right: [[borderwidth]] [[borderstyle]] [[bordercolor]];
}

(January 14, 2008)

Okay, I see how you got it to work...the HTML is different on each page. On the main pages there's no class specified, but on the submenu pages you have <li class="click">.That will work for me, but it means I have to have separate menu code for each page in the site. That will be challenging when they update their menu, but it will at least give me the usability that is so great about this menu. 

(January 14, 2008)

That's exactly what I was looking for!

I put class="click" in the containing <li>, but my index page defaults to the submenu being open.

See:  http://www.thebarnworks.com/preview

DavidBoggus (January 13, 2008)

I guess that I'm not really sure what you are looking for. I thought that you  wanted something like this example.

David

Helena (January 13, 2008)

Thank you, David. Unfortunately, that keeps the entire menu open pretty much all the time, unless the user specifically clicks the parent button to close the submenu. My users will implode trying to figure that out. LOL! They're not so technically savvy!  Perhaps there's another way?

I'll try to play around with the style sheets to see if I can come up with something, but I do appreciate you're assistance.

-Helena

DavidBoggus (January 13, 2008)

The easiest way to keep the menu open is to type class="click" in the containing <li> for example 

    <li class="click">Open SubMenu
        <ul>
            <li>Item in Open SubMenu</li>
            <li>Item in Open SubMenu</li>
        </ul>
    </li>
    <li>Closed subMenu
        <ul>...

that will make the menu Item open when the page is loaded. 

just a note for people using dbMenu 3, this will not work the same for that version.

David

Helena (January 12, 2008)

I'm not using frames. The menu and content are all on the same page. Anything you come up with would be so appreciated. 

DavidBoggus (January 12, 2008)

Helena (January 12, 2008),

OK, that's what I thought. That is version 2. Are you using this with frames or is the menu on the same page as the rest of the content and you want the menu to stay open to the current section when you go to one of those sub sections? If you are using frames then I think that it should already stay open but there may be some bug. If you are not using frames then I will work on a solution for that as it is not actually supported by dbMenu.

David

(January 12, 2008)

Hi David,

There's no version number, just a date stamp: 9/15/06. I downloaded the script from JavaScript Kit  http://www.javascriptkit.com/script/script2/dbmenu/

You're so kind to reply!

-H

DavidBoggus (January 11, 2008)

Helena (January 11, 2008),

In order to help you out with this problem I'm going to need to know which version of  the dbMenu Collapse you are using (1, 2, or 3). If you are not sure, open dbMenu.js there should be something at the top telling you what it is. if not then if you tell me where you downloaded it from or if you have an example that I can look at I will be able to find out and assist you form there.

David

Helena (January 11, 2008)

Hi,

I'm sorry if this is covered elsewhere on your site, but I can't seem to find an answer.

Is there away (using dbMenu Collapse) to keep the submenu open when you click on a submenu item? The way I have it right now, the menu collapses when you click on a submenu link. I'd love for it to stay open.

Thanks in advance for any guidance. It's a great menu!

Gabe (January 6, 2008)

Thanks for your help. I wouldn't mind using DB 1 except I need to have multiple sub-levels to the menu. I'll try the code changes below. Thanks again.

DavidBoggus (January 4, 2008)

Gabe (January 4, 2008),

If you are using dbMenu version 2 then you will have to adjust the following code in the JavaScript file.

    hoverOff: function(e){
        var target = (window.event)? window.event.srcElement : (e)? e.target : null;

        if(!target || !(target = dbMenu.getTarget(target, 'li')))return;

        target.className = target.className.replace(/hover/g, '');

        if(target.parntMenu.className.search(/\bpnClick\b/) == -1){
            var t = (target.className.search(/\bsubMenu\b/) != -1)? target : (target.parentSubMenu)? target.parentSubMenu : null;
            if(!t) return;
            t.timeout = setTimeout(function (){ t.className = t.className.replace(/clicl/g, ''); }, 300);
        }
    }

If you are using dbMenu Version 3 then you will have to adjust the following code in the JavaScript file.

    mTimeout: function(targetElement){
        var target = targetElement;
        target.timeout = setTimeout(function(){dbMenu.mOut(target);}, 100); 
    }

Change the number that is in bold to something bigger.

I think that that should have the desired effect.

Also note that you can get the effect of having the menus stay open until another one is clicked if you use dbMenu Version 1 but it does not support mouse over, however I could add that for you if you would like. also note that it does not support more that one sub level

David

Gabe (January 4, 2008)

Actually, I was hoping for some code changes that would allow the menu to stay open until I mouse over a different menu option, but your suggestion of having them stay open for a few seconds should work fine as well. What would I change in the code to do that? Thanks.

DavidBoggus (January 4, 2008)

Gabe (January 3, 2008),

I don't think that it should be very hard to do that with the code, the issue is when do you want them to close. If you want them to just stay open then that is really simple. If you want them to just stay open for 30 seconds or some thing like that it would also be easy but then they would stay open that long when you mouse over other menus. If you want it to stay open until you mouse over a different menu then that is not possible with the current code (Would require some major code writing). Let me know what you are looking for.

David

Gabe (January 3, 2008)

Thanks for your response to my earlier question. I have another one for you. Is it possible to modify the script so that that when you mouse over menu options, the sublevels remain open without having to keep the pointer over them? I have seen this in other JavaScript menus before but I don't know how to replicate it. Thanks again.

DavidBoggus (December 7, 2007)

Gabe (December 4, 2007),

while it is posilble to add that feature, I have not done that because it is not very easy to do and would add too much to the code.

David

 

Gabe (December 4, 2007)

Hello:

Thanks for the nice, simple menus. Is there a way to change the script for the vertical menu to allow the boxes to cross frame borders on a page that has multiple frames?

Thanks.

saran (November 2, 2007)

Hi,, i got the code for collapse menu,, it was really nice. but when i using link it was loading in new page, i want to target tat to a iframe name myframe1.. i tried a lot with that coding,, bur i could not get that,, can please guide me. my mail id is meetsts2k@gmail.com

Waiting for your reply.

thanks
Saran

DavidBoggus (October 19, 2007)

Chris (10-19-07),
    I sent you an e-mail but I also wanted to leave a message here to just in case you checked here first.

I'm not sure what could be wrong with the images if you put them in the 'images' folder and the css reflects that. If you e-mail me the css maybe I can spot an error.

I'll go through the css for dbMenu3 and try to make a list of where changes should be made for color, padding, and font. I'll try to get that to you later today.

Thanks for the suggestion of ibox. I am actually going to use something similar called lightbox2 in the redesign that I am working on.

chris (October 19, 2007)

This is a nice web site:

I left a note yesterday, but can't tell if you responded to me or another 'Chris'. Could you put the date of the visitors note when you respond? Plus, a delimiter between each question/answer?

And, actually, my questions were all answered when I discovered dbMenu3.

I also cannot get the arrow gifs to show. I've changed the directory location in the css, and copied the gifs to all possible directories that might work (css, images, /images, etc). I had to type the code and css, but everything seems to work but the arrows.

I'd like to changed colors, too. Could you (in your spare time) provide some words on which colors are used where? Same with padding/fonts, etc?

I might suggest for displaying your pictures your look at ibox. Google 'ibox demo'.

Rhettman A Mullis Jr. (September 24, 2007)

Thank you for a great little script. I am having problems, however, with targets. When you click on the link it sends the requested page to to different frames. I have tried several things and find that nothing that I have tried works.

http://www.mysafehouse.org

Your advice would be great. Please, and thank you.

Rhettman A. Mullis, Jr.

rhettman@mysafehouse.org

Church In Action Ministries

Jared (August 13, 2007)

Thanks David! That first version works great. In a couple of weeks you can check out beavertonbasketball.com to see it in action. Thanks again!

DavidBoggus (August 13, 2007)

Jared,

If you take a look at the first version of dbMenu you'll notice that it actually  does what you are looking for. I did not include that functionality into later versions because they worked differently and did not require that.

I beleive that the first version of dbMenu is actually better for collapsible menus than latter versions have been.

If the first version does not work for you for some reason send me an e-mail and I'll see what I can do for you.

David

Jared (August 12, 2007)

I'm working on a website for the high school basketball team I'm coaching and love your menu system. The only issue I am having is that I want to use a div that has a background along with the collapsing menu, and if I open all the menu's at once, it will extend far past the background. Is there any way to automatically close the first menu you open when a second one is clicked? Then it would fit my needs perfectly...Thanks for the help and the original code!

DavidBoggus (July 4, 2007)

Dave,

First of all I would like to thank you for your interset in dbMenu. I'm not sure that I understand the problem that you are having. It kind of sounds like a problem I ran into before, but if you could send me a sample either by email or by leaving a link, that would help me out a lot. Also what browser are you using.

David

Dave Slater (July 4, 2007)

Hi David,

The menu looks pretty good & I'm seeing how well I can match it in to our new structure, but I'm having a problem:

The side menu is not quite wide enougth, so I adjusted the widths; however, when I do, the sub menu top item is fine, but I can't select any of the lower items.

I reset back to the original combinedMenus.css & tested; it looks as if the same thing occures if you go two thirds the way across the top item then drop to the second item.

I hope you can help, this is the cleanest, best menu I've ever seen.

Many thanks

Dave

Simon (June 28, 2007)

Hi,

in the vertical version of the menu is it possible to have the sub menus open to the right?
Cheers

DavidBoggus (June 27, 2007)

I noticed that you don't have the javascript file included in the page but you do have the css files. I think it will work if you add that.

brian (June 27, 2007)

When included active links don't show.  Works just fine by itself though... but I can't figure how to use.  thanks a bunch for looking!

DavidBoggus (June 27, 2007)

I am not sure what the problem is. If you could provide me with an example page that I could look at then I might be able to help you out.

Brian (June 27, 2007)

Hello David,

Love the menu.  The "side.shtml" page works great by iteself... but when used as an includes I cant get the expanding links to work.  any idea.  thanks!!

DavidBoggus (June 5, 2007)

I have tested the menu in the way that you specified (with two sub menus on top of each) and have not run into any issues. If you could provide a link to a demo with this problem. Also what OS and browser are you using?

David

mimac (June 5, 2007)

Hi,

First of all - thanks for sharing your code :)  I am using your dbmenu (collapse) and everything works great except for one small issue (not a bug per say).  If you have 2 sub menu's on top of each other and you expand them both at the same time, then try to collapse the top one, it displaces the menu list that is currently open underneath.  Once you mouse over - it corrects itself.  Do you have any idea how I can fix it?  I was thinking the problem was in the dbmenu.js - but I'm not sure.

Thanks in advance

buddyboggus (May 27, 2007)

Thank you for the Happy Mothers Day!  It is nice to be remembered,!!  How is your family, we haven't heard from you in a while and we miss you!  Shauna

DavidBoggus (May 18, 2007)

Sorry you couldn't get it to work. If you have any other questions don't hesitate to ask

Chris (May 18, 2007)

Well I give up.

I'll take the db3/side which is very nice too instead of the collapse one.

Thank you and sorry for inconvenience caused .

DavidBoggus (May 18, 2007)

Huh, so you have the html file, javascript file, and the css files in one directory and the images in a sub directory and now nothing is working? I'm not sure what else to tell you. It all works just fine in the dbMenu2.1 folder that I created.

I did not make any changes to dbMenu3 so there wouldn't be a change in that one.

Chris (May 18, 2007)

Well I tried to replace the old CSS by the new one and now the db2 doesn't works at all and there's no change with the db3.

I am sorry, I am not a programer, just a webmaster and so I cannot change anything in what you give me.

Thank you.

DavidBoggus (May 18, 2007)

Sorry if I made that a little confusing by using the same demo, but that was indead a new "version" I changed the css so you will have to download the new css file for the up arrow to show up.

David

Chris (May 18, 2007)

P.S. : This is for the db2, for the collapse menu.

For the db3 the down arrow stay visible, instead of the up arrow.

Thanks.

Chris (May 18, 2007)

OK, sorry, I did not see the up arrow gif.

Now I added it in the directory but it still does not appear.

Can you help me ?

Thank you in advance.

DavidBoggus (May 18, 2007)

Ok,

I'm not really sure if I am understanding you correctly but I went ahead and did what I think you wanted. Check it out here it works on the collapsable menu to the right.

David

Chris (May 18, 2007)

... the sub directory and not the submenu, sorry.

I also tried the db2 and I have a suggestion : could you add an up arrow gif to explain the surfer at a glance that he can drog the menu up.

Thank you in advance.

Chris (May 18, 2007)

OK David,

I add the submenu "images" and now all is allright.

Thanks a lot.

DavidBoggus (May 17, 2007)

Hello Chris,

As I said in the Web Design section of this site, the styles are quite a bit different in version 3 than in the previous versions. As you can see from the demo it is possible to get the images to work. If you need help making them work, please leave a link to you example, or email me with the link so that I can help you.

I would also like to note that the css files supplied in the example assume that the images are in a sub directory called "images". If you saved them in the same directory as the html and css files and didn't change the css then that is probably why they are not showing up. I will also add a note in the demo page explainging this.

Chris (May 17, 2007)

Hello,

I tried your db3 menu and there is just a little problem : the gifs (down and right arrow) do not appear. Otherwise, the menu works correctly.

Thanks for your support.

DavidBoggus (May 9, 2007)

Hello,

I have recieved quite a bit of email asking about this issue and I would like to appologize for not thinking about targets when I designed dbMenu. The first two versions of dbMenu do indeed have an problem with targets. The easiest way to fix this problem is to set the target in the links ( or a base target ) and then remove the following from the dbMenu.js file

            addEvent(menu, 'click', dbMenu.nav, false);

That should eliminate the problem. Hope it helps.

David Boggus

Orban_Csaba (May 9, 2007)

Hi

please tell me, how may i change the target of  links. i set the base target , didn't working.set the tag target, didn't working.haven't any more ideas.

thx