- Text aligned to left - Status string shows item labels - 85% transparency for sub menus - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time. - Search feature - add the search area in the menu and type symbols. - Cross-frame support - menus work on frameset-based pages - Inactive/Disabled items - Items with icons
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!
Q: I purchased the full package for the application. Great job! I have no questions about generating and/or customizing DHTML menues - it's pretty straight forwards. I am trying to find out how to generate and customize POPUP WINDOWS.
A:To assign popup windows for links on your page do the following: 1) Open your page (for example index.html page) in any text editor. Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:
<a href="javascript:;" id="win1">Click Here to see a window</a>
Change parameters of windows in data files, for example popup-window-XP.js. Open it in any text editor.
2) Add your content. You can use HTML content, Iframe (url) or any object on your page as popup windows content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section), for example:
This is a simple HTML code for content. Here you may also set link to content page or ID of some element.
3) In the 'Actions' section specify the id of your link (win1) for the onClick event.
4) For example: open the popup-window-XP.html file in any text editor. Copy all code for Popup window and paste it in the beginning of the <body> tag:
... <body> <!-- Deluxe Popup Window --> <noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com <script type="text/javascript" src="popup-window-XP.files/dpopupwindow.js"></script> <script type="text/javascript" src="popup-window-XP.js"></script> <!-- (c) 2009, DeluxePopupWindow.com -->
5) Copy 'popup-window-XP.files/' folder and popup-window-XP.js file into the samefolder with your index.html (root folder of your website).
Q: How does one go about changing the parameter or the JavaScript so that a menu selection stays 'on' for the navigation bar script? In other words, the menu remains selected, perhaps in a background color that shows the user this menu choice is selected and the user is in the selected menu area.
A:To save your navigation path you should set the following parameter:
var saveNavigationPath = 1; The menu keeps items highlighted during menu navigation. 0 - disabled, 1 - enabled (default).
You can highlight menu items by default in two ways:
1) Set the pressed item on each page idividually using the following parameter:
var pressedItem = -2; The toggle mode. Sets an index of an item that will be highlighted by default. -2 - the toggle mode is disabled; -1 - the toggle mode is enabled, but no items highlighted by default; 0,1,2,3,... - index of highlighted item in a top-level menu. - delete var pressedItem=1; parameter from your data file - set correct parameter on each page before you call data file, for example:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript> <script type="text/javascript"> var dmWorkPath = "menudir/";</script> <script type="text/javascript" src="menudir/dmenu.js"></script> <script type="text/javascript"> var pressedItem=2;</script> ... <script type="text/javascript" src="menudir/data.js"></script>
2) Set the pressed item/subitem using dm_ext_setPressedItem () function.
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.
Jquery Colorbox Forum. Digital picture albums made with Light Box Alternative are ... jQuery plugin or Prototype extension; Floating and smooth cross-fade ... to remove from photo gallery, and select Delete images. from the Images menu
I have menu and rating with javascript (Menu of downloads & Share & details- see ... <link type="text/css" href="{template_url}/css/flick/jquery-ui-1.7.2.custom. css" ... padding: 4px 0; cursor: pointer; float: left; list-style: none;}
Jul 7, 2010 ... Seems the height of the jQuery-UI tab header is being stretched to the bottom of my right floated menu column rather than the bottom of the
to show how easy the included jquery in WB 2.8.1 can be used in modules, ... float: left; text-align: left; } #lightbox-image-details-caption .... Snippets ( raw PHP code), => jQuery, => Templates, Menus & Design
Jun 23, 2010 ... New Feature: jQuery Dialog, a dialog is a floating window that .... This can be useful if you want to keep a menu or image visible even if
I read about this jquery in this other thread aswell. ... 3) Can I put a background color on the drop down menu so it is easy to read ..... Slider pro & slider with IE7.0, ( the format of Slider float left works fine
/*Drop Down Menu */ #globalNav {color:#666;margin:0;padding:0 ... ul ul {width: 149px;background-color: #fff;} /* float the list to make it .... remember u are using jquery min ... that means that $ is not valid
In IE it is floating to the right side rather than a left and right column that shows ... panel plugin is now causing the menu bar not to be clickable in Chrome only. ... jQuery("div.mytogglecontainer").slideToggle(300);
I am new here and don't have any jQuery programming skills at all. .... set opacity to nill on page load $("ul#menu span").css("opacity","0"); ... .css-tabs li { display:inline; float:left; background:url(
Sep 29, 2010 ... Default Floaty - Float YouTube player embeder - Jan 24, 2010, 06:17 AM ... timeOut: the time (in milliseconds) for the menu to disappear after mouse out
You want to get a jQuery content slider into your WordPress site? ... #myslider ul.ui-tabs-nav li img{ float:left; margin:2px 5px; background:#fff; .... As you might have seen, you can bring folding menues in front of the slideshow
<script type='text/javascript'> jQuery(document).ready(function() ... But can it create a three-tier menu and work with BuddyPress and my Avenue K9 theme? .... Subnav */ ul#nav li ul {width: 30.7%;} ul#nav li ul li {float: none;