Superfish Sliding Door by Deluxe-Menu.com
Superfish Sliding Door

Menu Screenshots

Superfish Sliding Door Javascript Popup Code

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your superfish sliding door menus easily and in no time
  • Sensible menu parameters for manual editing
On Mouseover Drop Down Menus Superfish Sliding Door
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed superfish sliding door 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
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 a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: Navigation bar code should indicate with on which page I me just considers..
(with anothercolour of the font of the active Link from the navigation, or an underline, bolder font, ...).

A: Deluxe Menu has only two states normal and mouseover,
but you can highlight menu items in two ways:

Try to do the following things:


- 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" src="menudir/dmenu.js"<>/script<
>script type="text/javascript"<  var pressedItem=3;>/script<
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also 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.

You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Q: I created tabs. And i placed the some control in each tab. I taken the submit button outside the tab . I written java script validation for taking input.Now in this case my focus should go the particular tab and the control.
How to control and refer particular tab in flash tab menu when submit button is exist outside the tab

A: You can use the following function to open appropriate tab:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, <=0.
For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>




Q: Is there any way to change the font size of the secondary and tertiary links but yet have a different font size for the primary links?


A: You can use different font style for each link on each level.
You should use Individual Item Styles.
Please, use Dhtml Tuner application to create individual styles.

For example:

// --- DHTML Tuner style names ---
  var tstylesNames=["Individual Style 1","Individual Style 2","Individual Style 3","Individual Style 4","New Individual Style",];
  var tXPStylesNames=["Individual Style 1",];

  var tstyles = [
["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
//style 0 ["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#215DC6,#428EFF","tfontDecoration=none,none"],
//style 1 ["tfontDecoration=none,none"],
//style 2
["tfontStyle=normal 8pt Tahoma","tfontColor=#013D6D,#5555FF"],
//style 3
["tfontStyle=bold 11px Bookman Old Style","tfontColor=#000000,#000000","tfontDecoration=none,underline"],
//style 4
];

  var tmenuItems = [

["+DHTML Menus","", "images/xpicon1.gif", , , "DHTML Menus", , "0", , , , ],
//style 0
 ["|DHTML Menu","http://dhtml-menu.com", "images/icon1.gif", "images/icon1o.gif", "images/icon1o.gif", "Information", "_self", , , , , ],
 ["|+DHTML Tree Menu","", "images/icon1.gif", "images/icon1o.gif", "images/icon1o.gif", "Support", "_self", "2", , , , ],
//style 2
   ["||2 styles: standard & XP","", , , , , , "3", , , , ],
//style 3
   ["|||Item 23","", , , , , , "4", , , , ],
//style 4
   ["|||Item 24","", , , , , , , , , , ],
   ["||Individual Item & Submenu Styles","", , , , , , "3", , , , ],
//style 3
   ["||Floatable & Movable Menu","", , , , , , "3", , , , ],
//style 3
....


Q: Then it is a bit annoying now that the menu bars in java does not work for
- Firefoxs

- Safari

For either Windows nor Mac.
According to your browser support this should work.


A: Links in your menu bars in java don't work in Firefox.

Now you have:
["Butiken","http://www.wexthuset.com/default.asp?sp_pid=8&sp_text=8"],
 ["|Tillbehцr","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=0&select_method=1"],
   ["||Belysning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=5&select_method=1"],
   ["||Bevattning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=11&select_method=1"],
....

try to write & instead of &.

["Butiken","http://www.wexthuset.com/default.asp?sp_pid=8&sp_text=8"],
 ["|Tillbehцr","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=0&select_method=1"],
   ["||Belysning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=5&select_method=1"],
   ["||Bevattning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=11&select_method=1"],
....