Javascript Menu Left Slide by Deluxe-Menu.com
Javascript Menu Left Slide

Template:

iPhone 12 Template - CSS Menu Bar






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Cross-frame support - menus work on frameset-based pages
    - Relative/Absolute menu position
    - Horizontal or vertical orientation
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Top items and submenus have a shadow
    - Sound support!
    - Items with icons




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

Menu Screenshots

Javascript Menu Left Slide Cool Javascript Menu Dropdown Code

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

Features

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu left slide samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Horizontal Drop Down Navigation Menu Javascript Menu Left Slide
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
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
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.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is there a way to capture which dhtml web menu item was clicked and store that information into a database?


A: See how you can find the ID of the clicked item:

  var menuItems = [
["Home","javascript:alert(itVar.id)", "", "", "", "_self", "3"],


Q: Hello. I'm trying your javascript expanding menu but cant get a clicked menu to stay highlighted. It works sometimes in Firefox but never in explorer.

With sometimes I mean that if I click a link and that paticular link leeds to nowhere, and i've to click the browsers back button.....then the link I clicked is highlighted when I return. If I make a link that leeds to a new page (with exactly the same code as was generated from delux tuner), then nothing is highlighted. Does this 'higlightstate' work at all?

A: Javascript expanding menu doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function apyt_ext_setPressedItem(menuInd, itemID)

<script type="text/javascript">

  var I = 4 //index of the selected item
onload=setPressed;
function setPressed()
{

dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));

}

</script>



Q: I just discovered your product and I think it is fabulous! I would like to buy it, but have one issue which is strange:

I have a list of 12 items, each with a submenu that is loaded using the ajax technology. The submenues are loaded correctly for the first 8 items, but not for the last 4 items. I can switch items around, always the first 8 only get loaded. Is there a limitation to 8 items?


A: No, there is no such limitation.

Please, check the following parameter:
  var dmAJAXCount=0;

That variable set the maximal number of submenus that will be loadedfrom server on your page.


Q: When doing a multi-frame frameset (1 top frame, 2 bottom frames) like this:

<frameset ID="frames" ONLOAD="getBottom()" ROWS="50, *" BORDER="0" FRAMEBORDER="no" FRAMESPACING="0">
   <frame NAME="frmTop" SRC="top.htm" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZE FRAMEBORDER="0" />
    <frameset ID="bottomFrames" cols="171,*">
     <frame name="frmLeft" src="left.htm" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZE FRAMEBORDER="0"/>
     <frame name="frmMain" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZEFRAMEBORDER="0" />
    </frameset>
</frameset>


And using the dm_frameinit like this:
dm_initFrame("[object]", 0, 2, 0);

it works fine in IE -> the menus are displayed exactly under the text and in the bottom right frame.

However, in Firefox, the menu drop down is displayed to the right of the top menu text, and exactly the number of pixels as the width of the left frame.

Perhaps there needs to be some FireFox checking to fix this?
Can you help me with that?


A: The problem is in a structure of your frameset.
Mozilla browsers can't determine absolute coordinates for a frame, sosubmenus drop down with an offset.

You should create the following frameset structure:

 --|------------
   | menu
 --|------------
   |
   | submenus
   |

Now a top row has 2 columns and all browsers can determine awidth of the 1st column in the second row.


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