How To Divide Html Footer Menu by Deluxe-Menu.com
How To Divide Html Footer Menu

Template:

Black Red Menu Template - CSS Menu Pulldown






    - Unlimited number of sub levels
    - Hundreds of pre-designed templates
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Several menus on one page
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Items with icons
    - Submenus go over all page objects




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

How To Divide Html Footer Menu Dhtml Menu Code

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Page Scroll Javascript How To Divide Html Footer Menu
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Cost Effective
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";




Q: I am totally confused by this now but I have 2 data files - one for a menu bar going horizontal and one going vertical both containing the same information. But even though the content is the same, the layout is different.

You will see that on the horizontal menu,

Fleet
Financce
CPC Cards
Cashire

These are listed correctly under each other but on the vertical one, the layout differs.


A: You should write your parameters more carefully.
See, now you have

menuItems = [
["About us","javascript:alert('Coming Soon')", , , ,"" ,0 , , , ],
   ["|||Organisation Chart","javascript:alert('Coming Soon')", , , ,"" ,1, , , ],

First you have the 1-st level of menu items then at once 4-th. It isnot right. You should write the number of your Individual Style in ""also.

See, how you should write your menuItems:

menuItems = [
["About us","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
 ["|Organisation Chart","javascript:alert('Coming Soon')", , , ,"","1", , , ],
 ["|Who's Who?","/k6intranet2.nsf/PageTitleLookup/Who's Who?OpenDocument", , , ,"" ,"1", , , ],
 ["|Contact Details","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["How To?","javascript:alert('Coming Soon')", , , ,"" ,"0", , , ],
 ["|Fleet","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
   ["||Hire a Vehicle","/k6intranet2.nsf/PageTitleLookup/Hire a Vehicle?OpenDocument", , , ,"" ,"1", , , ],
   ["||Report an Accident","/k6intranet2.nsf/PageTitleLookup/How to report an accident?OpenDocument", , , ,"" ,"1", , , ],
   ["||Report a Breakdown","/k6intranet2.nsf/PageTitleLookup/Report a Breakdown?OpenDocument", , , ,"" ,"1", , , ],
 ["|Finance Admin","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
   ["||Capitalise an Asset","/k6intranet2.nsf/PageTitleLookup/capitalise an asset?OpenDocument", , , ,"" ,"1", , , ],
   ["||Pay your Personal Calls on Mobile Phone Bills","/k6intranet2.nsf/PageTitleLookup/Pay your personal calls on mobile phone bills?OpenDocument", , , ,"" ,"1", , , ],
   ["||Request a credit to be raised","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
 ["|CPC Cards","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
   ["||Request a new CPC user","/k6intranet2.nsf/PageTitleLookup/request a new cpc user?OpenDocument", , , ,"" ,"1", , , ],
   ["||Report a Lost/Stolen CPC Card","/k6intranet2.nsf/PageTitleLookup/Report a lost or stolen card?OpenDocument", , , ,"" ,"1", , , ],
   ["||Enquire about a general CPC query","/k6intranet2.nsf/PageTitleLookup/enquire about a general cpc query?OpenDocument", , , ,"" ,"1", , , ],
 ["|Cashier","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
   ["||Request a Cashbook Manual Payment","/k6intranet2.nsf/PageTitleLookup/Request a Cashbook Manual Payment?OpenDocument", , , ,"" ,"1", , , ],
   ["||Request a Cashbook BACS Payment","/k6intranet2.nsf/PageTitleLookup/Request a cashbook Bacs payment?OpenDocument", , , ,"" ,"1", , , ],
["Useful Information","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
 ["|Month End Timetable 2007","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
 ["|Month End Year to Date Results","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
   ["||Coming Soon...","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["Finance Focus","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
 ["|Coming Soon...","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["Coming Soon","javascript:alert('Coming Soon')", , , ,"" ,"0", , , ],
];

dm_init();


Q: Would it be possible to introduce more font decoration options to the mouseover variables for the horizontal navigation?I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.


A: Unfortunately, Deluxe Menu doesn't have such a feature.
You can onlyset it's color. You cannot set the font of menu item bold when selected.

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

  var menuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],


Q: I have seen a certain menu effect on a few websites and have so far been unable to reproduce it in simply HTML/CSS. Today I saw the effect on a website, looked at the source code and it appears they are using some of your code.

I have a fairly typical screen layout with a menu bar on the left hand 10% of the screen and the main screen content on the right 90%. Some of my screens get very long, so that when you scroll all the way down to the bottom, the menu is left way up off screen. I would like the menu block to move down so that it is always a certain number of pixels below the top of the viewed screen, not the absolute top of the page. Is this something your software does? If so, which one of your products?


A: You can create such menu with Deluxe Menu.
You should use floatable menu, so you can always see the menu.
But to use the floatable feature

  var floatable=1;

you should use the absolute position for the menu

  var absolutePos=1;
  var posX="10";
  var posY="10";

Please, try the trial version of the menu.


Buy Now!   ::  Free Trial Download   ::  More Info