Iphone Expanding Menu by Deluxe-Menu.com
Iphone Expanding Menu

Template:

Orange Tabs Template - Rollover Drop Down Menu






    - Relative/Absolute menu position
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Filters and Transitional effects
    - Image arrows
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Items with icons
    - Cross-frame support - menus work on frameset-based pages
    - Unlimited number of sub levels




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

Menu Screenshots

Iphone Expanding Menu Dhtml Tabs

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed iphone expanding menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Transparent Website Menu Iphone Expanding Menu
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
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!
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



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

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: ["item text", "javascript:your_code_here", ...]

This won't work the java script executes when the link is clicked it is not the link itself.
Below is what I normally use and how would I incorporate that?

<a onclick="NewWindow(this.href,'name','490','400','yes');return false;" href="web/equipment/hydraulic_truck.htm">


A: I'm not sure I understand you.
You can use

NewWindow(this.href,'name','490','400','yes');

code in an item link:

["text", "javascript:NewWindow(url,'name','490','400','yes');"]

But if you don't want that, you can just insert <a> into an item text.


Q: It seems like that I'm unable to pull data from Word, Excel, JPG's etc into the floating window?

A: You can use the following content for the popup window:
Iframe(url);
Object_id;
text(html content).

So, to add image/text inside the popup window you should set:

winContent - Html Content
and add the following tag.
<img src="images/img.jpg" alt="screen">
<p align="right"> Text text .... </p>

To add content from the excel file you can export it to html file andthen set the following parameter:
winContent - Iframe(url)
data.html
and then enter the name of the html file with your excel data




Q: Do you have an extremely simple example of modifying drop down menus with the JavaScript API?

A: You should use the following function:

function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

<script language="javascript" >
dm_ext_changeItem(0, 0, 1, ["", "", "new_icon.gif", "new_icon_o.gif", "",,""]);
</script>

Q: It seems that if I try and use the syntax  ["| with some HTML such as <DIV class = 'myclass'> inside dropdown menu it IGNORES the HTML and just treats it like another link.
But if I don't start the line with  ["| ..... Then I get a syntax error.

For example:

I am trying to place 4 links in a square shape in the top left of my screen. To do this I was going to create DIV's and set the TOP and LEFT to different values from within a loop (I left out the code that does the updating for myleft and mytop...)

  var menuItems = [

<loop>

 ["|<div style='position: absolute; left: <cfoutput>#myleft#</cfoutput>px; top: <cfoutput>#mytop#</cfoutput>px>'","", "", "", "", "", "", "", "", "", "",],

 ["|#ParentMenuDesc#","index.cfm?Workflow=#Workflow#&role=#Privilege_id#&cacheid=#createuuid()#&Process_Type=#Process_Type#&PageMode=#Process_Logic#", "#menu_option_icon#", "", "", "_top", "", "", "", "", "",],

 ["|</div>","", "", "", "", "", "", "", "", "", "",],

<end loop>

];

What am I doing wrong here?.... Can you show me how to accomplish this task?

A: No, this syntax is incorrect. It won't work.

  var menuItems = [

<loop>

 ["|<div style='position: absolute; left: <cfoutput>#myleft#</cfoutput>px; top: <cfoutput>#mytop#</cfoutput>px>'","", "", "", "", "", "", "", "", "", "",],

 ["|#ParentMenuDesc#","index.cfm?Workflow=#Workflow#&role=#Privilege_id#&cacheid=#createuuid()#&Process_Type=#Process_Type#&PageMode=#Process_Logic#", "#menu_option_icon#", "","", "_top", "", "", "", "", "",],

 ["|</div>","", "", "", "", "", "", "", "", "", "",],<end loop>

];

You should have <div> ... </div> tags in each dropdown menu item!
It is not correctly to write <div> ... </div> tags for wholesubmenu.

  var menuItems = [
 ["|<div style='position: absolute; left:<cfoutput>#myleft#</cfoutput>px; top: <cfoutput>#mytop#</cfoutput>px>text</div>'","", "", "", "", "", "", "", "", "", "",],

 ["|#ParentMenuDesc#","index.cfm?Workflow=#Workflow#&role=#Privilege_id#&cacheid=#createuuid()#&Process_Type=#Process_Type#&PageMode=#Process_Logic#", "#menu_option_icon#", "","", "_top", "", "", "", "", "",],

 ["| ","", "", "", "", "", "", "", "", "", "",],
];



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