Please Flash by Deluxe-Menu.com
Please Flash

Menu Screenshots

Please Flash Dhtml Menus Source Download

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your please flash menus easily and in no time
  • Sensible menu parameters for manual editing
Collapsible Navigation Bars Javascript Please Flash
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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed please flash 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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: I am totally confused by this now but I have 2 data files - one for a menu bar going horizontal and one going vertical both containing the same information. But even though the content is the same, the layout is different.

You will see that on the horizontal menu,

Fleet
Financce
CPC Cards
Cashire

These are listed correctly under each other but on the vertical one, the layout differs.


A: You should write your parameters more carefully.
See, now you have

menuItems = [
["About us","javascript:alert('Coming Soon')", , , ,"" ,0 , , , ],
   ["|||Organisation Chart","javascript:alert('Coming Soon')", , , ,"" ,1, , , ],

First you have the 1-st level of menu items then at once 4-th. It isnot right. You should write the number of your Individual Style in ""also.

See, how you should write your menuItems:

menuItems = [
["About us","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
 ["|Organisation Chart","javascript:alert('Coming Soon')", , , ,"","1", , , ],
 ["|Who's Who?","/k6intranet2.nsf/PageTitleLookup/Who's Who?OpenDocument", , , ,"" ,"1", , , ],
 ["|Contact Details","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["How To?","javascript:alert('Coming Soon')", , , ,"" ,"0", , , ],
 ["|Fleet","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
   ["||Hire a Vehicle","/k6intranet2.nsf/PageTitleLookup/Hire a Vehicle?OpenDocument", , , ,"" ,"1", , , ],
   ["||Report an Accident","/k6intranet2.nsf/PageTitleLookup/How to report an accident?OpenDocument", , , ,"" ,"1", , , ],
   ["||Report a Breakdown","/k6intranet2.nsf/PageTitleLookup/Report a Breakdown?OpenDocument", , , ,"" ,"1", , , ],
 ["|Finance Admin","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
   ["||Capitalise an Asset","/k6intranet2.nsf/PageTitleLookup/capitalise an asset?OpenDocument", , , ,"" ,"1", , , ],
   ["||Pay your Personal Calls on Mobile Phone Bills","/k6intranet2.nsf/PageTitleLookup/Pay your personal calls on mobile phone bills?OpenDocument", , , ,"" ,"1", , , ],
   ["||Request a credit to be raised","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
 ["|CPC Cards","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
   ["||Request a new CPC user","/k6intranet2.nsf/PageTitleLookup/request a new cpc user?OpenDocument", , , ,"" ,"1", , , ],
   ["||Report a Lost/Stolen CPC Card","/k6intranet2.nsf/PageTitleLookup/Report a lost or stolen card?OpenDocument", , , ,"" ,"1", , , ],
   ["||Enquire about a general CPC query","/k6intranet2.nsf/PageTitleLookup/enquire about a general cpc query?OpenDocument", , , ,"" ,"1", , , ],
 ["|Cashier","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
   ["||Request a Cashbook Manual Payment","/k6intranet2.nsf/PageTitleLookup/Request a Cashbook Manual Payment?OpenDocument", , , ,"" ,"1", , , ],
   ["||Request a Cashbook BACS Payment","/k6intranet2.nsf/PageTitleLookup/Request a cashbook Bacs payment?OpenDocument", , , ,"" ,"1", , , ],
["Useful Information","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
 ["|Month End Timetable 2007","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
 ["|Month End Year to Date Results","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
   ["||Coming Soon...","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["Finance Focus","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
 ["|Coming Soon...","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["Coming Soon","javascript:alert('Coming Soon')", , , ,"" ,"0", , , ],
];

dm_init();


Q: I like your product a lot. These are the features that, unfortunately, cannot be done and hope that you can address them. I will place the order right away if these are resolved:
1. For each individual item, allow attaching a customized javascript to fire up "onclick" and "nomouseover".

2. Allow using a variable size icon for each item.


A: 1. You're able to use Javascript for each item, for example:

  var tmenuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover event to each item.
However, you can achieve this by using standard html objects withinitems, for example:

  var tmenuitems = [
["<div onmouseover='your_code_here'>item text</div>", "index.html"]
];

2. DHTML Tree Menu uses constant icon size for all icons.
If you wantto use different icon dimensions, you can use standard <img>elements within items:

  var tmenuitems = [
["<img src='icon.gif' width=10 height=10>item text", "index.html"]
];


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: Your service is excellent and I am making progress learning the program. I was able to resolve the transparency issue thanks to your help but, but now I have another one that is stumping me.

I can get the menu to show up in my html document and it works as I hoped it would. However, no matter where I put the line of code in my html file, the down menu in dhtml always shows up at the very top of the page. The instructions indicate the following:

Copy the following code into clipboard and paste it into the place you want to have the down menu in dhtml:

<script type="text/javascript" src="newmenu2.js"></script>

For example, into a table cell:
<table>
<td><script type="text/javascript" src="newmenu2.js"></script></td>
</table>

No matter where I put the code:
<script type="text/javascript" src="newmenu2.js"></script>, the menu shows up at the top of the page.
What am I missing?

A: Check that you're using relative position for the down menu in dhtml:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";