Javascript Dropdown Expand Ie by Deluxe-Menu.com
Javascript Dropdown Expand Ie

Template:

iPhone 6 Template - Code CSS Menu






    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Hundreds of pre-designed templates
    - Cross-frame support - menus work on frameset-based pages
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - 85% transparency for sub menus
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Unlimited number of sub levels
    - 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 Dropdown Expand Ie Tabbed Menu Javascript

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript dropdown expand ie samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Menu Script Javascript Dropdown Expand Ie
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
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



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: In the rollover menus, how can I have a heading link to and open another website's home page?

A: 1) You can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you have:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page:
add id="open_popup" for <a>, <div>, <img> ... tags.

2) Or you can create only one data file and use deluxePopupWindow.open() function to open the popups.

More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.

I call the skin .js file with id='win'.
On the page you should open popup windows with the same id:

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 1 PopupWindow with 'files/test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/1test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 2 PopupWindow with 'files/1test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/2test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 3 PopupWindow with 'files/2test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/3test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 4 PopupWindow with 'files/3test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/4test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 5 PopupWindow with 'files/4test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/5test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 6 PopupWindow with 'files/5test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/6test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 7 PopupWindow with 'files/6test.html' content.</a>

So, the previous window will be closed and the new one will be opened.If you want to open several windows at once use different id's for each link.



Q: When I click between tabs, only one tab remains in its active state for a dhtml tab navigation.
Why isn't the tab changing to look "active" to reflect the page that it's on?
Please let me know where this setting is.


A: Deluxe Tabs doesn't support API functions which can return theselected tab.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

Try that.




Q: All of a sudden I'm getting the 'Incorrect Copyright" on two of my sites.??

  Here's what I have in the file:

  <!-- Deluxe Menu, Deluxe-Menu.Com -->
<noscript><a href=http://deluxe-menu.Com/>Javascript Menu by Deluxe-Menu.Com</a></noscript>
<script type="text/javascript" language="JavaScript1.2">vardmWorkPath = "menudir/dmenu.js";</script>
<!-- (c) 2005, Deluxe-Menu.Com -->

  What's wrong??


A: What version of the menu you're using?

Now we have new version of the menu v2.4. We've fixed "IncorrectCopyright" message in IE7 in it.

How to upgrade to v2.4
---------------------------------------------------------------
You can download the licensed engine .js files from the same link in your license message.
Deluxe Menu v2.4 has new parameters and features.
To upgrade to v2.4 you should do the following.

Step 1.
1.1 For Windows users
a. Install new license package. (you can download it from the same link in your license message)
b. Run Deluxe Tuner v2.4
c. Open menu data file (.js file where menu parameters are placed):
select File/Open…
d. Save the file: select File/Save, then click "No" button when the dialog box appears.

1.2 For other OS users
a. Open menu data file (.js file where menu parameters are placed) in a text editor.
b. Make sure that the following variables exist in the data file:

  var keystrokes = 0;
  var dm_focus = 1;
  var dm_actKey = 113;

  var dynamic = 0;
  var smHideOnClick = 1;
  var itemAlignTop = 'left';
  var smSmartScroll = 1;

  var dmAJAX = 0;
  var dmAJAXCount = 30;
  var dmRTL = 0;
  var dmObjectsCheck = 0;
  var menuBackRepeat = "repeat";
  var menuHeight = "";
  var transDuration2 = 200;

If one of the variables doesn't exist - add it at the beginning of the file.

c. Save the file.

Step 2. Now open HTML-page that contains Deluxe Menu.

Step 3. Replace existent <noscript></noscript> tags of the menu by the following code:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>

See more info about installation here:
http://deluxe-menu.com/installation-info.html

Step 4. Save HTML-page.

Step 5. New engine v2.4 has 7 .js files.
They are:
- dmenu.js
- dmenu4.js
- dmenu_add.js
- dmenu_dyn.js
- dmenu_key.js
- dmenu_cf.js (new v2.00)
- dmenu_popup.js (new v2.00)

Replace all old .js files by the files from v2.4.

Try that.


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>

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