Javascript Menu Samples by Deluxe-Menu.com
Javascript Menu Samples

Template:

iPhone 3 Template - Cross Browser Dhtml Menu






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Text aligned to left
    - Inactive/Disabled items
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus dropdown on mouseover
    - Items with icons
    - Several menus on one page




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

Menu Screenshots

Javascript Menu Samples Creating Menus On Mouse Over

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu samples 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
Folding Menu Examples Javascript Menu Samples
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 javascript menu samples 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.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: The cascading javascript menu does not spans frames or windows like Applets. Is that correct?

I was not able to make the sample to do it.

A: The DHTML Menu and Java Menu are built on different technologies.Java menus can create submenus that cover frames as a standard Windowssubmenus. DHTML Menu can't do that, because it's controls is htmlobjects, they can't overlap Windows controls. So, cascading javascript menu hascross-frame ability that allows it to show submenus in differentframes. But it can support this mode for the same domain only -- ifyou loaded a page to a subframe from another domain, the submenuscan't be shown in it. It happens because all browsers don't allow todo that for security reasons. Just imagine if you'll able to create aframeset from 2 frames, 1st frame will be with a zero height-width,and you'll load your page into it. Then user will go to another domainand your "invisible" frame will change a content of other pages!

See more info about cross-frame mode here:

http://deluxe-menu.com/cross-frame-mode-sample.html



Q: Two more questions, while waiting for this answer:

1) calendarDatePicker.handlers( ['dtEvent', 'dtEvent', {type : 'datetime', format:'%L %d, %Y, %l:%M %p', locale:'en'}] ); is ignoring the date format.
2) If I have a button that in an onclick I want to popup calendar, how would I do that?
3) I am getting 'incorrect copyright', suggestions?

Thank you, I have people waiting for me to bring this site live - your fast help is appreciated

A: >I am getting 'incorrect copyright', suggestions?

You should write NOSCRIPT tag in the following way:
<noscript><a href="http://calendardatepicker.com">Javascript Calendar Date Picker by calendardatepicker.com</a></noscript>

> 1) calendarDatePicker.handlers( ['dtEvent', 'dtEvent', {type : 'datetime',
> format:'%L %d, %Y, %l:%M %p', locale:'en'}] ); is ignoring the date format.
> 2) If I have a button that in an onclick I want to popup the calendar, how
> would I do that?
You should install the calendar in the following way:
<form>
<script>
window.onload = function(){
calendarDatePicker.handlers(['cal', 'txt', {type : 'datetime', IiI:'%L %d, %Y, %l:%M %p', locale:'en'}]);
};
</script>
<input type="button" value="Click to open calendar" id="cal" name="cal" onClick="">
<input type="text" id="txt" value="">
<div id="test-box" style="width:40px;height:40px;position:absolute;left:200px;top:10px;"></div>
</form>

Q: At the very beginning of each javascript close menu item (exception for top level item using "XP-Style") there is always a small gap of 2px width.

Firebug show me this small piece of code :
***********************************
<td id="" style="margin: 0px; padding: 0px;">
<img id="" width="2" height="1" border="0" style="display:
block;" src="images/blank.gif"/>
</td>
***********************************

Is there a way to avoid this ?

A: You should set the following parameter in that case:

  var tXPBorderWidth=0;



Q: In the standard drop down menu scripts you show a combo box and a search text box. Where are the parameters and/or style options to do this?

A: You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
["|Index &nbsp;<select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option> Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>&nbsp;&nbsp; <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],

["<img src='img/sep.gif' width=113 height=1>"],



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