Iframe Side Menu Example by Deluxe-Menu.com
Iframe Side Menu Example

Template:

iPhone 10 Template - CSS Floating Menu






    - Unlimited number of sub levels
    - Items with icons
    - Top items and submenus have a shadow
    - Hundreds of pre-designed templates
    - Transition #14 - "fade out" effect
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Status string shows item labels
    - Text aligned to left




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

Menu Screenshots

Iframe Side Menu Example Javascript Menus Download

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your iframe side menu example menus easily and in no time
  • Sensible menu parameters for manual editing
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
Vertical Menu Simple Html Iframe Side Menu Example
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed iframe side menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm looking to make a space between menu buttons in the drop down menu example,
I checked the FAQ which suggested using ["-"], between items but it didn't work.


A: To add a separator you should

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

You can create separators using menuItems
(you can do it in Deluxe Tuner, use "Add separator" button),
for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],




Q: Thank you for your prompt reply. But i was wondering where should I paste this code? Can you please explain the working of the javascript toolbar menu function
dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

I have 5 items in the javascript toolbar menu : Admin Options, Status Report, Remarks, Edit Profile, Data Entry.

I want to disable some fields for different users.
I have 3 role id's set in my database.
I want certain fields disabled for different users.
For eg : For Roleid =1 , i.e admin , I want all items to be visible.
For Roleid =2 , i dont want the Admin Options to be visible.
For Roleid=3 , I dont want Admin Options & Status reports.

Can you please elaborate on the working of the changeItemVisibility function. I was confused as there were no examples to demonstrate the code.

A: Notice also that you should set

  var dynamic=1;

parameter to use API functions.



Q: Can the main menu items be set so they are all the same width without specifying pixel widths?


A: You should create Individual Style and assign this style for allitems.

  var itemStyles = [
["itemWidth=150"], //style 0
];

  var menuItems = [

["DHTML Menus","", "images/icon1.gif", "images/icon1o.gif", , ,"0", , , , , ], // assign style 0
["Apycom products","", "images/icon1.gif", "images/icon1o.gif", , , "0", , , , , ], // assign style 0
["Contacts","http://www.apycom.com/contact.html", "images/icon1.gif", "images/icon1o.gif", , , "0", , , , , ], // assign style 0
];


Q: It looks as though I should be able to have an icon before each item in the sub-menu in javascript tabs, but I don't seem to be able to get thisto work.

Could you please tell me how to fix this?


A: You can use icons before each item in the sub-menu.
You should use the following parameters:

- set icon in the "Item Parameters" window.
- set the width and height of this icon

  var biconWidth=7;
  var biconHeight=7;
  var biconAlign="left";
- set, for example

  var bbeforeItemSpace=15;
  var bsmItemAlign="left";


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