Javascript Expand Div Horizontally by Deluxe-Menu.com
Javascript Expand Div Horizontally

Menu Screenshots

Javascript Expand Div Horizontally Web Interface Software Cross Browser

Features

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
Rollover Horizontal Menu Css Javascript Expand Div Horizontally
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript expand div horizontally menus easily and in no time
  • Sensible menu parameters for manual editing
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I was trying to work out how to set the target for a link in html tab menu

A: No,unfortunately it is not possible in Deluxe Tabs now.

But you can write your links in the following way:

["Item 1","javascript:window.open('http://www.google.com','_blank','height=600,width=800,status=yes,toolbar=no,
menubar=no,location=no');", "", "", "", "", "", "", "", ],
["Item 2","javascript:window.open('http://www.deluxe-menu.com','_self');", "", "", "", "", "", "", "", ],



Q: I made a css tab menu on this website and I noticed that I need to click two time to get the link.
It doesn't work if I click only one time. Could you help me to fixe that ?

A: You should set correct selected item:
  var bselectedItem=2; //0,1,2...

Set also:
  var tabMode=0;
  var bselectedSmItem=0;

In that case you should write your links in the following way:

["Hem","link:index.php?p=1_10", "", "", "", "", "", "", "", ],
["Om oss","link:index.php?p=1_11", "", "", "", "", "", "", "", ],
["Kontakt","link:index.php?p=1_12", "", "", "", "", "", "", "", ],


Q: I am getting stuck with trying to set a default tab in the div tab menu to be selected when a window opens...
What I've been trying to do is changing this line here :

  var bselectedItem=0;

At 0 (default) it has the first tab selected. Any other number and notabs are selected.
Is there a setting somewhere else that I am missing?A: You can set "bselectedItem" and "  var bselectedSmItem" parameters based on your link before you call your data file.

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

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=   var bselectedSmItem= </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, for example:

<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&tg;




Q: Is it possible to create expandable checkbox menu with you javascript dynamic tree menu?

(I want each tree menu element contain a check box and some text. )

A: No, unfortunately Deluxe Tree doesn't have such a feature now.

But you can paste any html code inside item text, for example:

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>","", "", "", "", "","", "0"],

 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>&nbsp;&nbsp;<input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],

 ["|Write Us", "", ""],

 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],

["<img src='img/sep.gif' width=113 height=1>"],