Slide Desplegable Dhtml by Deluxe-Menu.com
Slide Desplegable Dhtml

Template:

Amazon Style Template - DHTML Pop Up Menus
 
Website Title      







    - Personal CSS styles for separate menu elements
    - UL/LI items structure
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus go over all page objects
    - Top items and submenus have a shadow
    - Text aligned to left
    - Filters and Transitional effects




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

Menu Screenshots

Slide Desplegable Dhtml Dhtml Param Parameters

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

Features

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
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Dhtml Frame Popup Slide Desplegable Dhtml
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed slide desplegable dhtml samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your slide desplegable dhtml menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have setup some tabs on a site that I am designing and for some reason when i click on a tab and it links to another page it automatically highlights the first tab in the row.
  I have triedfiddling with it and have not been able to figure it out.  Can someone point me in the right direction to have the correct tab selected in the css tab menu after i click it and goto the page.


A: Deluxe Tabs doesn't support API functions which can return theselected tab.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
</span>

Q: I am trying to make the tabs all the same width and would like to know how to do that. Therefore "Personal", "Account Summary", "Tax Exemptions", "Password", "Invoices", "Quotes", "VOIP" - I need them to all be the EXACT SAME width.


A: See, I've created Individual style

  var bstyles = [
["bitemWidth=250px"], // style 0
];

And used this style for some items

["Account Summary","AccountSummary", "tabs/img/icon_ie.gif","tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "",], // style 0
["Tax Exemptions","TaxExemptions", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "", ], // style 0

You can use this style for all items in the same way.

You should set the width of your Tabs
  var bmenuWidth="770px";
and width for each Tab
  var bstyles = [
["bitemWidth=110px"], // style 0
];

And assign this style for all items.


Q: I've recently purchased and implemented your menu. While it's definitely very good, I have a small issue I'm hoping you can help me resolve.

When running over regular http, the menu drops down and shows in front of any form select dropdowns as it should. However, when running over SSL (https), the menu shows up with the form select box in front of it.

Any help for fixing this would be greatly appreciated.


A: Please, check that you've set the following parameter:

  var dmObjectsCheck=1;

Please, use dmenu_add.js file.
For more info, please, see:
http://deluxe-menu.com/objects-overlapping-sample.html


Q: For the last two days I've been trying the above product, and I'm very impressed with its flexibility and features, and I'm about to buy it, I have only one question that I couldn't figure out the answer.

I'm using the Navigation BAR TABS. What should I do in order to link one of the horizontal drop menu tabs to the following object 'BLOG' as in the following example / piece of code. (When the user selects one specific tab, a blog should be displayed.

I'm looking towards your reply, as it seems your product is quite fit to perform the job in a straightforward manner.

A: See in Deluxe Tabs there is two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV'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 horizontal drop menu 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", "", "", ],



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