Dijit Menu Scrolling by Deluxe-Menu.com
Dijit Menu Scrolling

Template:

iPhone 3 Template - Cross Browser Dhtml Menu






    - Relative/Absolute menu position
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Submenus go over all page objects
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Top items and submenus have a shadow
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Dijit Menu Scrolling Javascript Tree Menu Tutorial

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dijit menu scrolling samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Drop Down Mouse Over Menu Dijit Menu Scrolling
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
Cost Effective
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
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: Can I show / hide the javascript floating menu as needed.

A: You should paste javascript code into item's link field of the floating menu,for example:

  var menuItems =
[ ["text", "javascript:document.getElementById('dm0m0').style.visibility='hidden'", ...]
];


Q: Now, I need your help in another question: I can set "tpressedFontColor" to have the font of the active item in the dhtml tree menu take this color.

How can I make the onmouseover - background ("titemBackImage" of the individual style set in the item parameters) of the menu item also be saved in the active, selected dhtml tree menu item? I need to build a menu with different background-images (shown on mouseover and when active) for each item, so I cannot set ONE "titemBackImage" that fits for all.

Thank you very much, Irene. And yes, I really love this product.

A: Unfortunately it is not possible now to set background color orbackground image for the selected state. Deluxe tree doesn't have sucha feature now.

But we'll try to add this feature in the next versions of Deluxe Tree.



Q: The problem that I am still experiencing (Im sure I have missed something obvious!) - is that all the pages open when you click on the relevant links but they always open with the "About Us" tab showing and then as soon as you click on a different tab you see it highlight for a second and then it just reverts back to the About Us tab even though the page has changed. As the site opens I obviously want the first tab to be highlighted as opposed to the 2nd one and the each page highlights and holds as you go through the menu.


A: See, you set
  var bselectedItem=2;

That is why "About us" tab is selected.
You should change the selected tab depending on the page you are now.

This Tabs menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem) or using any server-side script (php, asp, etc.)

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

If your site is written on PHP you can set "bselectedItem" parameter based on your link beforeyou call tabs-kasper.js file.

For example, move "bselectedItem" parameter from tabs-kasper.js file to yourcode.

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

You should define seltabs using server side script.

You can also set on every page before you call tabs-kasper.js file(for example, for solution tab).

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

Try that.


Q: One other issue I am having if you don't mind helping. On my web site when I run the menu I get an Errors on page message with the following

Line: 16
Char: 18132
Error: Access is denied.
Code: 0
URL: http://www.site.id.au/left_frame.htm

When I run the site from my local PC with the menu, I don't get this error?
Could you possibly suggest why? I can't find anything on your site.


A: Try to check all you paths.
original setting:

  var tmenuBackImage="";
  var titemBackImage=["",""];

changed to:

  var tmenuBackImage="images/blank.gif";

  var titemBackImage=["images/blank.gif","images/blank.gif"];

Try to specify units in "px".
  var tmenuWidth = "180px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

You should set this parameter:
  var tmenuHeight = "auto";
Now you have such parameters in the menu:
   ["||24","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/24.htm", , , , , "main_frame", , , , , ],
   ["||30 Days","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/30days.htm", , , , , "main_frame", , , , , ],    ["||Battlestar Galactica","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/battlestarg.htm", , , , , "main_frame", , , , , ],
   ["||Blade","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/blade.htm", , , , , "main_frame", , , , , ],
   ["||Eureka","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/eureka.htm", , , , , "main_frame", , , , , ],
   ["||I Pity the Fool","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/ipitythefool.htm", , , , , "main_frame", , , , , ],

You cannot use local paths on your website.
Please, correct it. <
br>You should write for example:    ["||24","site.id.au/guide/24.htm", , , , , "main_frame", , , , , ],
   ["||30 Days","site.id.au/guide/30days.htm", , , , , "main_frame", , , , , ],
   ["||Battlestar Galactica","site.id.au/guide/battlestarg.htm", , , , , "main_frame", , , , , ],

Try to use also the attached engine .js files on your server.


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