Template:

Green Menu Template - Dhtml Sliding Menu

    - Sound support!
    - Cross-frame support - menus work on frameset-based pages
    - 85% transparency for sub menus
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Relative/Absolute menu position
    - Submenus dropdown on mouseover
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Top items and submenus have a shadow

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

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

Menu Screenshots

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

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!

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Javascript Tabbed Menus Example Self Or Top Or Blank

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

Easy Setup

De Luxe Tuner. GUI interface to create your self or top or blank menus easily and in no time
Sensible menu parameters for manual editing

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.

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 have downloaded the trial version and so far I really like what I see except for one issue. Any page that includes the following doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

seems to break the absolute positioning of the menu and sends it to the far upper left corner of the page. Any help on fixing this would be greatly appreciated.

A: The problem is in <!DOCTYPE> attribute.

Please, set 'px' units for posX and posY parameters,for example:

var posX="100px";
var posY="100px";

Q: Couple last questions. I have 25 icons (images) on one page. Each image needs it's own popup menu. Obviously I now have the first one working. How and where do I define IDs number 2-24 ? Does each icon need it's own "source_" file?

Also, where is it defined that the popup menu is ID 1 ?

A: > Also, where is it defined that the popup menu is ID 1 ?
Each menu has ID. The ID's number starts with 0.

So, when you have several data files on your page you have such ID's:

<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script> // ID - 0

<script type="text/javascript" language="JavaScript1.2" src="source_pop.js"></script> // ID - 1

<script type="text/javascript" language="JavaScript1.2" src="source_pop1.js"></script> // ID - 2

<script type="text/javascript" language="JavaScript1.2" src="source_pop2.js"></script> // ID - 3

<script type="text/javascript" language="JavaScript1.2" src="source_pop3.js"></script> // ID - 4

and so on.

> I have 25 icons (images) on one page. Each image needs it's own popup menu.
If you want to have different Popup menus (there color, item, text,font and so on) you should create 25 different .js files with yourparameters. And call them from your page, for example:

<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop1.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop2.js" type=text/javascript></SCRIPT>
...
<SCRIPT language=JavaScript1.2 src="source_pop24.js" type=text/javascript></SCRIPT>

If you have different item text only you can use one
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
file. But you should delete the following code:

  var menuItems = [

["Next","testlink.htm"],
["Prev","testlink.htm"],
["Close","testlink.htm"],
];

dm_init();

and move it to the html page:

<body>
...
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<script type="text/javascript"> //first popup menu ID - 1
  var menuItems = [

["Next","testlink.htm"],
["Prev","testlink.htm"],
["Close","testlink.htm"],
];

dm_init();
</SCRIPT>
<script type="text/javascript"> //second popup menu ID - 2
  var menuItems = [

["Text","testlink.htm"],
["Text1","testlink.htm"],
["Text2","testlink.htm"],
];

dm_init();
</SCRIPT>
<script type="text/javascript"> //third popup menu ID - 3
  var menuItems = [

["New_Text","testlink.htm"],
["New_Text1","testlink.htm"],
["New_Text2","testlink.htm"],
];

dm_init();
</SCRIPT>
...
<script type="text/javascript"> //twenty fourth popup menu ID - 3
  var menuItems = [

["New","testlink.htm"],
["New","testlink.htm"],
["New","testlink.htm"],
];

dm_init();
</SCRIPT>

<img src="testimage.gif" width=200 onClick="return dm_popup(1, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(2, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(3, 1000, event);" style="cursor: hand;">
...
<img src="testimage.gif" width=200 onClick="return dm_popup(24, 1000, event);" style="cursor: hand;">
...
</body>

Q: I still do not understand your answer about the simple java menu arrows, which work in preview, but not on the website. The html is correct.

A: You have
  var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"];
in your data js, so the arrows must be here
http://domain/ss.files/arrow_sub5.gif

you arrows is here
http://domain/menu/ss.files/arrow_sub5.gif

You can use
  var pathPrefix_img="menu/";

or change paths here
  var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"]; --> menu/ss.files/arrow_sub5.gif

Q: I would like to create my own jpeg images and use them as the mouseover-items in the top level cascading menu. I am not talking about the backround. I mean the actual upfront button. I seem to be locked into the size which is the default and would like to change it to width = 180px and height = 45px for each item in the menu. Is there any way to do that?

A: You should create Individual Style and assign it for all top items.

var itemStyles = [
["itemWidth=180px"],
];

var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],

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

Blog

Templates

Popular Templates

Javascript For Tab Submenu Iphone Dhtml Menu

Templates

Func. Samples

Javascript Coolmenu

Menu Gratis

Awards

Using Drop Down Menus Self Or Top Or Blank

Vertical Cascade Menu Self Or Top Or Blank

Horizontal Menu Submenu Self Or Top Or Blank

Javascript Menu Rollover Drop Down Self Or Top Or Blank

Template of Day

Self Or Top Or Blank Expand Javascript Menu

Twitter

More Q&A

Status bar hidden, but view won't move to top. - iPhone Dev SDK Forum

My 320x480 view is not moved up to the top (0,0) as I want it to, but it is moved ... Where the status bar was, is blank, and the bottom of my view is cut off ... applicationFrame too self.view = contentView; [contentView release];

Medical Transcription part time home based - Medical

Then the person taking the test types this for a blank; _____ _____ ______. .... Most companies work with you to allow this flexability to maintain top notch employees ... It is a self-directed medical transcripton training program used by several

Chasingame.com discussion forum • View topic - M80 screen went

I noticed as I turned the cam on that the remote was blank. I knew the batteries were good & after I played with it a bit, the screen came on, but

How's your inner voice? - Depersonalization Community

Posted 26 August 2011 - 08:27 PM. Typically have the blank mind. When it's not blank, it's self-deprecating. 0. Back to top of the page up there ^

Phoca Forum • View topic - Maps shown only when Marker = off

Also these maps remained empty, the map did not load from Google server or it does not show ... Phoca Newbie: Posts: 5: Joined: Tue Dec 08, 2009 7:09 pm. Top .... I have just launched the site and the issue resolved it self

Blank Screen HP Pavilion dv4, see my HijackThis logs pls - Avira

Blank Screen HP Pavilion dv4, see my HijackThis logs pls ... option 3, chosen several VESA resolutions, seems to load (self checks, mounting disk, etc) and still get 4 penguins, then blank screen. ... Go to the top of the page

The VideoLAN Forums • View topic - VideoLan Server Requirenments

Blank Cone: Posts: 20: Joined: Mon Apr 04, 2011 2:37 am. Top ... What about PC specs or its mainly forcused on the network it self i.e NIC

Telestream Community Forum - Delete tracks in Screenflow

Is there a way to delete the empty new tracks? Morten. Top ... It sounds like something I read in a self help book I think. .... Others may prefer top

(3 blank lines 11-pt font, single line spacing at top of page)

manipulate self-collimated DSP beam propagation will be challenging. Page 2. Figure 1. a, Photographic image of the top view of the array of brass tubes

If then statement with multiple criteria - Google Docs Help

If there are 30 consecutive columns with "y" in a cell, then the blank cell says "Self -Monitoring" I've looked all over the forum and have found

The VideoLAN Forums • View topic - VideoLan Server Requirenments

Blank Cone: Posts: 20: Joined: Mon Apr 04, 2011 2:37 am. Top ... What about PC specs or its mainly forcused on the network it self i.e NIC

Oven Repair (including Ranges and Cooktops) [Archive] - Page 19

Whirlpool rf368lxkt Oven dead, Cooktop works · ge oven f2 f3 error codes · Maytag Cooktop · cook top · Whirpool built-in oven display is blank · Ancient oven

Hp tx1000 boots a Blank screen [Solved] | Kioskea.net

I decided to try the over heat solution my self with a hair dryer I heated ... All I see when I power it is just blank screen, not even the bios has display. ..... blade at the rigth top corner, when the screen come up release the blade

RocketTheme • View topic - Blank Administrators / Login Page

Welcome to the best place to find top-notch design and ... page is coming up completly blank. ... proc/self/environ_00.php' (include_path='

docebo.com community - self registration blank page

Nov 11, 2010 ... I installed 4.0 and set it up for self registration just to test it out. When I click " register" on the front page, it goes to a blank page with only the logo

Change content of CHtml::errorSummary() - Yii Framework Forum

Please fix the following input errors: Name cannot be blank. ... Back to top of the page up there ^ ... p>'; if(!isset($htmlOptions['class'])) $htmlOptions['class']=self::$ errorSummaryCss; return self::tag('div',$htmlOptions,$header

Using a UIImagePickerController and Cocos2d sample code « cocos2d

I took the code @rcbowser posted at the top above, and placed it in a blank helloWorld scene ... contentSize.height/2-30)]; [self addChild: imageFromPicker]; }

Garden Gnome Software • View topic - html5 bottom slider thumbnail

Alternate: I removed the Target $self and left it blank. Pano2 opens over top of previous Pano1 still no skin. Observation The HTML5/CSS

cooktop scratches - Ellen's Kitchen

It seems that everything scratches or marks the top and this is the solution for me. My top ..... cook top. I am a techie do-it-your-self-er. ... You can't heat these coils without a pot on them, and NEVER use an empty pot. Carole

LiveZilla.net • View topic - upgraded to 3.3.2.3 and visitors pane

upgraded to 3.3.2.3 and visitors pane is always blank ... but still can't see anything... the only time i see my self in the visitors is when i start a chat. Any tips ??? chetanmadaan: Posts: 2: Joined: Wed Nov 23, 2011 1:44 am. Top

6502.org :: View topic - How to Start hardware of 2864 EEPROM Self

To program a blank EEPROM, you could do it by hand using toggle switches ... I bought a TOPS programmer on eBay and it refuses to program

Clickjacking Prevention

Better if (top != self) location = "about:blank"; > 2. Usage of X-FRAME-OPTIONS Header You MUST use both, because Javascript framebusters

(3 blank lines 11-pt font, single line spacing at top of page)

manipulate self-collimated DSP beam propagation will be challenging. Page 2. Figure 1. a, Photographic image of the top view of the array of brass tubes

"I feel like i'm going crazy": Anxiety & Panic Community - Support

On top of it all i feel like im becoming a hypocontriac. So I think there is something .... I also feel like I am going to blank out all of the time. I don't even take any