- Visible over select boxes, iframes, pdf, flash, Java applets. - Top items and submenus have a shadow - Sound support! - Submenus dropdown on mouseover - Keyboard navigation - press Ctrl+F2 to enter the top menu - Submenus automatically scrolls - Status string shows item labels - Special JavaScript API for changing javascript menu "on-the-fly"
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!
/* Style for top items: normal state */ .topItemNormal { background-color:Blue; color:White; text-decoration: none; text-transform:none; font-weight:normal; FONT-SIZE: 11pt; FONT-FAMILY: Verdana, Arial; width:100%; padding:2px 4px; }
A: var itemStyles = [
["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver"], ]; var menuStyles = [ ["CSS=topMenu"], ];
The following code is Individual Styles. You can edit them in DeluxeTuner.
Open your data file, click "Edit Individual Styles..." button on themain window. And create individual item style and individual submenustyle. Then you should assign these styles to your items.
Q: I am using Javascript Menu. Deluxe Menu. v1.12 How can I upgrade to v.2.0?
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:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
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.
Try that.
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:
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: Having purchased Deluxe Menu and I am having a problem with the simple javascript menu I have created. The menu works fine when I view the html page generated by Deluxe Tuner but when I put it into my own html page the submenus are appearing above the simple javascript menu and not below as required. How do i stop this from happening please?
A:Try to adjust the following parameter:
var subMenuVAlign="top"; or var subMenuVAlign="bottom";
Jan 25, 2009 ... I hope this can be fixed, because I haven't found a mootools menu that can handle .... Without JS in IE6 it won't drop down and show only the first level, ..... I make this fix to apply click event only on real submenu
Provide a page that shows the problem and describe how to replicate it or I won' t be able to ... discussion topicRoadmap: jQuery, MooTools and a teaser
onclick="this.blur();<?php echo $item['target']; ? ... How to "Solve conflict between mootools and fsmenu". .... I think I have done every step correctly but the menu shows only the main level pages and no submenus
The Firebug console shows: "A is undefined" in . .... A=F.elements[N];switch(A. name){case"repeat":A.onclick=J ..... but mootools has not side effects - as far as I known) - it may affect any other js lib on the page,
Anyone figure out how to get the category to show up while editing? .... named like name=categories[] - subcategories are hidden on load using mootools js, ... a function is called (using onclick) to untick any parent categories ticked
<?php if(isset($item->onclick)):?>onclick="<?php echo $item->onclick;? .... I havent tried it yet but the new xml that you did shows up perfect. .... RokWeather, RokWeather Solved Threads, MooTools 1.2 Compatibility
Wow, mootools is starting to mature :-) I wonder how big this would be if it where Jquery? ... <a onclick="return top.js.OpenExtLink(window,event,this)" .... Did I miss the sample that showed this or is it lacking it?
Obviously the list is extensible in future. Show parent | Reply ..... In a current moodle project I am making great use of the Mootools JS framework, .... development of moodle to completely dump in-line script attributes - e.g. onclick
Feb 5, 2007 ... The guys over at the mootools forum are jerks and kept deleting my posts! ... < ul> <li><a>Sub-Menu Item</a></li> // to show this. ... <a href="#1" onClick=" MyAcc.display(0);return false;" class="external 1">external link
searching for active menu item to make the accordion show its sub-items when page loads ... nextSibling.onclick = accOnclickFunc(); if (bDoHover==1) { ... менюшка на mootools/// а галерея на основе jquery не работает!
Apr 27, 2007 ... The only thing I can suggest is to remove the links to mootools and ..... No going to a new page to see all the images, they are all on the details page. ...... injectInside(this.bottom).onclick = this.overlay.onclick