Javascript Position Absolute by Deluxe-Menu.com
Javascript Position Absolute

Template:

Horizontal Submenus Template - Horizontal DHTML Menu






    - Several menus on one page
    - UL/LI items structure
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Text aligned to left
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Relative/Absolute menu position
    - Hundreds of pre-designed templates
    - 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

Javascript Position Absolute Script Menu Explorer

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

Features

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
Javascript Cascade Menu Javascript Position Absolute
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript position absolute menus easily and in no time
  • Sensible menu parameters for manual editing
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
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I was wondering if you could help me. I have recently done a site and put a menu into the site

The basic javascript menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them. I have stretched the menu out to cover the whole of the top of the page but i need to get these lines out of the menu.

Can you please help me with this problem?

A: See images in Vista Templates have the fixed width and height (92 x 21):
  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

Q: Under Opera everything works fine but under IE the submenu’s are way down the page and go off the bottom of the screen.


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="PADDING-BOTTOM: 10px;"). To get the value you should move .css style into style="" attribute.

Please, try to add your

css file -> inline css, for example:

You should add style="PADDING-BOTTOM: 10px;"

to the

<DIV class=department-menu>

So, you'll have:

<DIV class=department-menu style="POSITION: absolute;PADDING-BOTTOM: 10px;">


Q: I created a tree menu based on your template Vista Style 7.

I would like to know if there are some possibilities to set the x coordinate of the submenus. I would like to have a tree menu with submenus which are not moving to the right when expanding the main menu but staying under it.

A: You can only try to use the following parameter to change submenuposition:

  var tlevelDX=0;



Q: What is wrong here ???

 ["|<div OnMouseOver=alert('This is a test');>ABMELDEN</div>", "Logout.asp", "icon2_s.gif","icon2_s.gif","","Abmelden",,"3"],


A: You should write:

 ["|<div OnMouseOver='alert(\"This is a test\");'>ABMELDEN</div>","Logout.asp", "icon2_s.gif","icon2_s.gif","","Abmelden",,"3"],


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