Template Menu Iphone by Deluxe-Menu.com
Template Menu Iphone

Template:

Horizontal Submenus Template - Horizontal DHTML Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus automatically scrolls
    - Image arrows
    - Sound support!
    - Submenus dropdown on mouseover
    - Status string shows item labels
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Template Menu Iphone Flat Drop Down Dhtml

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your template menu iphone menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed template menu iphone samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Fade Drop Down Menu Dhtml Template Menu Iphone
Cost Effective
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!
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.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I’m very interested in your script of deluxe-menu.
I tryed your script out and have some questions now:

How do I highlight main menu items when I selected a main category?
How do I highlight submenu items when I selected a sub category?
How can I have a submenu unfoldet when I selected the matching main category?

I would be pleased to have answers to my questions as soon as possible.
Thank you for support!


A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: I have the dynamic dropdown menu working perfectly on the main page of the website, but when I try to install it onto html files that appear in subfolders of the site, the images do not appear. I have put ../ before all the links I can find and have the following codes placed in my file, what am I doing wrong?

A: You can use additional parameters to make dynamic dropdown menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.



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: Where in the interface is there an area to make a tab selected or not for the div tab menu?


A: You should see the following parameters:

Top items
  var bselectedItem=1; //--- Common

Submenus
  var bselectedSmItem=10; //--- Tab-mode



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