Ejemplos Menu Desplegable En Ajax by Deluxe-Menu.com
Ejemplos Menu Desplegable En Ajax

Menu Screenshots

Ejemplos Menu Desplegable En Ajax Javascript Animated Popup

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your ejemplos menu desplegable en ajax menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed ejemplos menu desplegable en ajax samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Relative Positioning Java Menu Ejemplos Menu Desplegable En Ajax
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!
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: A brief one on dynamic menu in the perspective of bilinguism

I understood from the tuner that a menu can be made dynamic (although it is somewhat minimally documented ;-))

Leaving alone all the beautiful sophisticated and complex mechanic of it

Say I have my main menu that says :
  var dynamic=1; (that's all I got from the doc ..)

And then

  var menuItems = [

["Choice 1 ","page1.php", "", "", "Choice 1",", "_self", "", "", "", "", "", ],

["Choice 2","page2.php", "", "", "Choice 2", "_self", "", "", "", "", "", ],
];

Minimalist ? ;-) right ?

1/ first I'm not too sure about what exactly in order are these 11 parameters although I'm fine with the only 4 I have here

2/ if I would want to change on the fly menu javascript dropdown page on a PHP parameter Page1.php?lang=French (I perfectly master how to capture the PHP value)

So that My menu becomes on the fly

["Choix 1 ","page1.php", "", "", "Choix 1",", "_self", "", "", "", "", "", ],
["Choix 2","page2.php", "", "", "Choix 2", "_self", "", "", "", "", "", ],

Thanks in advance if you can shed some light on this

PS : And although I used hardly 1% of deluxe capability my first customer is very happy about it..

A: Actually you can find all info about the menu javascript dropdown parameters and featureson our website:

- menu parameter and items, Individual Styles:
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

- dynamic functions:
http://deluxe-menu.com/functions-info.html
http://deluxe-menu.com/dynamic-functions-sample.html

> 2/ if I would want to change on the fly page on a PHP parameter
> Page1.php?lang=French (I perfectly master how to capture the PHP value)
> So that My menu becomes on the fly
> ["Choix 1 ","page1.php", "", "", "Choix 1",", "_self", "", "", "", "", "", ],
> ["Choix 2","page2.php", "", "", "Choix 2", "_self", "", "", "", "", "",> ],

To change the menu items on the fly you can use API functions
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function dm_ext_addItem (menuInd, submenuInd, iParams)
function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)


Q: When I put any new link on my javascript scrolling menu info tree it goes as if I am placing as _blank when I have it leading to _self.

A: No you have:
  var titemTarget="_blank";

And you haven't specified "_self" parameter to
   ["||Unilock Fireplace MODS","fireplace_unilock_mods.htm", "", "", "", "", "", "", "", ],

You should set
  var titemTarget="_self";
or set "_self" parameter for each item individually:
   ["||Unilock Fireplace MODS","fireplace_unilock_mods.htm","", "", "", "_self", "", "", "", ],



Q: I am trying to follow your directions on how to load the application and I am completely lost as to what I need to do.
Do you have instructions on how operate the application; I am having a very difficult problem trying to maneuver around.
I am looking to create css vertical tabs, and the tabs are my personal images and I want to place html text into tabs.


A: To set your own images for tabs you should use the following
parameters (see how we created images in the attached example):

  var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];
  var bbeforeItemImage=["img/styleIE7_n_left.gif","img/styleIE7_o_left.gif","img/styleIE7_s_left.gif"];
  var bafterItemImage=["img/styleIE7_n_right.gif","img/styleIE7_o_right.gif","img/styleIE7_s_right.gif"];

You can also use a whole images for you tabs you should use only
  var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];

Set the dimensions of the menu here:
  var bmenuWidth="600px";
  var bmenuHeight="33px";


See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],




Q: Can a menu item that expands the submenu items when selected also work as a link?

A: Actually you cannot use links for the top items in the XP Style.

But you can write:

["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home'>About Us</a>","", "", "", "", "", "", "0", "", ],
 ["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}

But in that case the submenu and link open when you press "About Us" item. I think that it is not verygood behaviour. You can also try to specify target parameter

["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home' target="_blank">About Us</a>","", "", "", "", "", "", "0", "", ],
 ["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],