Transmenu Js by Deluxe-Menu.com
Transmenu Js

Menu Screenshots

Transmenu Js Simple Horizontal Javascript Menu

Features

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!
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
Code For Menus In Dhtml Transmenu Js
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
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 transmenu js samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: We'd tried the useIFrame = 1 as well and the issue is fixed but the IE6 shows a "non secure objects over a secure connection" message, it worries me because on one side the problem is solved but on the other hand it generates confusion.

As an alternative we're planning to use the Deluxe navigation tree in order to avoid these overlapping problems, but it doesn't show up in IE7 over W2K3 R2!!

We requiere your support to use either the Deluxe Tree or the Deluxe Menu,

I'll look forward your kind answer.

A: Deluxe navigation tree works fine in IE7.

Try to set width and height parameters:

  var tmenuWidth="230px";
  var tmenuHeight="auto";


Q: How do you labeling the various segments of your page to utilize the horizontal menu tabs?


A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)


Q: How can I manage that the last clicked javascript expanding tree item stays tree highlighted?

A: We have the following API function to highlight the pressed item in Deluxe Tree
function dtreet_ext_setPressedItem (menuInd, itemID)

But unfortunately this function doesn't work for AJAX submenus.

We'll try to add this feature soon (using save state feature).


Q: It looks as though I should be able to have an icon before each item in the sub-menu in javascript tabs, but I don't seem to be able to get thisto work.

Could you please tell me how to fix this?


A: You can use icons before each item in the sub-menu.
You should use the following parameters:

- set icon in the "Item Parameters" window.
- set the width and height of this icon

  var biconWidth=7;
  var biconHeight=7;
  var biconAlign="left";
- set, for example

  var bbeforeItemSpace=15;
  var bsmItemAlign="left";