- Relative/Absolute menu position - Visible over select boxes, iframes, pdf, flash, Java applets. - Special JavaScript API for changing javascript menu "on-the-fly" - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time. - Submenus dropdown on mouseover - Keyboard navigation - press Ctrl+F2 to enter the top menu - Status string shows item labels - Top items and submenus have a shadow
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.
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: I am working with drop down menu creator that I just downloaded and am having problems with where the menu is being placed. It looks likemaybe the "trial" logo is in the right spot but the menu is appearing several rows below where I insert it. Any ideas?
A: Try to set the following parameters:
var posX="0px"; var posY="0px";
Q: Can you tell me if I can eliminate the transparent look of the dhtml rollover? When the menu drops down over text, you can see the text. What can Ido to fix it.
A:You should set the following parameter:
var transparency="100";
Q: How can I upgrade to Deluxe Menu v2.0? Now I'm using v1.14.
A: How to upgrade to v2.00 --------------------------------------------------------------- You can download the licensed engine .js files from the same link in your license message. Deluxe Menu v2.00 has new parameters and features. To upgrade to v2.00 you should do the following.
Step 1. 1.1 For Windows users a. Run Deluxe Tuner v2.0 (can be found in the trial menu package v2.0 http://deluxe-menu.com/deluxe-menu.zip). b. Open menu data file (.js file where menu parameters are placed): select File/Open… c. 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 tags of the menu by the following code:
Step 4. Save HTML-page.
Step 5. New engine v2.00 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.00.
would be nice to have product categories menu expandable, to see the subcategories. ... and the now what I will stay will collapsible sub cats. -= Luvz2drv=-. luvz2drv ... There are ways to handle unordered lists for this using javascript but search engines will only see the unordered list
List items can have one unordered list child. ... <script type="text/javascript" >; $(function(){; $('li:has(ul)').click(function(event) ... Collapsible menu not working correc... jQuery 'Undo' plugin?
Discussion Type[Sticky, Closed]; discussion topicGuidelines for requesting support; Category Support · Started by ceejayoz; Comments 1; Last comment by
NET Forms Authentication Cookie · Easiest way to make drop down list and textbox the .... NET 2.0 menu control to call javascript · Handling session timeout ... Disabling submit button until page is fully rendered with JavaScript? ... AJAX collapsible panel and ASP.NET Profile · References · Ascii value of char. in
Drop down Menu and E mail Newsletter · mac browser compatibility · Adding Pics to a photogallery? ... include page/ aspx · Javascript Validation with Post
