Scenarist Popup Menu Tutorial by Deluxe-Menu.com
Scenarist Popup Menu Tutorial

Template:

Orange Green Menu Template - Website Drop Down Menu






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Filters and Transitional effects
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Relative/Absolute menu position
    - Top items and submenus have a shadow
    - Status string shows item labels
    - Items with icons
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Scenarist Popup Menu Tutorial Creating Rollover Menus

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your scenarist popup menu tutorial menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Tab Menu Bar Navigation Scenarist Popup Menu Tutorial
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 scenarist popup menu tutorial 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.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is there any way to keep a menu lit up when going to another page? Or do the menus always have to default back to their normal state?
I want the menu to know what page the user is on and keep that section highlighted. Any ideas?


A: You should set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: Thanks for your information, and the program is very useful and user friendly compare with others.

But I have a question, pls see the following example.

inside the menu.js (the file which we will run as navigation bar)

  var menuItems = [

["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif", "menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif", "menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],

when setup running the php file directly is no problem

however, as we have some links will have different values as the end (have problem running at the menu)
such as blog.php?ownid=4497
there is having a dynamic value at the end

at our php files we use
<a href="blog.php?blogger=&lt;?=$auctionDetails['ownerid'];?&gt;">

Any suggestion for this case? or you can give us some example?

A: The following link should work fine in Deluxe Menu:

["Item 1","blog.php?blogger=<?=$auctionDetails['ownerid'];?>", "", "", "", "", "", "", "", "", "", ],

You can also try to move menuItems and dm_init(); function to your page inside <script>tag:

<script>
  var menuItems = [
["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif","menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif","menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],
];

dm_init();
</script>

Q: I am using the menu in a frameset, and I would like for the selected menu branch of the side navigation bar to stay highlighted after the user moves the mouse to another window (where the menu brings up a new page),just so the user knows where he/she is. Is that possible?

A: If you open links in the another frame (window) the initial frame with your menu isnot reloaded, so the clicked item will be highlighted.
You should set the following parameters:

  var ttoggleMode=1;
  var tpressedFontColor="#AAAAAA";

You can also set the following parameter to save menu state:
  var tsaveState=1;
  var tsavePrefix="menu1";

If you install the menu without frames. On your pages you should call the following function/functions to expand/highlight items, for example:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html

Example:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html

Q: You know how you can drag sub-menus? Well I was wondering if it is possible to drag individual items off of the sub-menu?


A: No, it is not possible to drag items from submenu.


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