Template:
- Hundreds of pre-designed templates
- Transition #14 - "fade out" effect
- Submenus dropdown on mouseover
- Submenus automatically scrolls
- Image arrows
- Relative/Absolute menu position
- UL/LI items structure
- Inactive/Disabled items
Menu Screenshots
Features
| Seamless Integration |
|
Compatibility        |
|
| Javascript Animated Tree Menu Atahualpa Submenu |
| Professional Look-n-feel |
|
| High Performance |
|
| Unrivalled Features |
|
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: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>
The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!
A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:
<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
<table width=800>
<tr>
<td align=center width=600> </tr>
</table>
Please, set exact value for var menuWidth parameter, for example:
var menuWidth = "600px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
var absolutePos = 0;
Q: Is there anyway of selecting the tab in mouse over tab menu according to what webpage you are on ?
A: Deluxe Tabs doesn't support API functions which can return the
selected tab aslo.
You can set "bselectedItem" and " var bselectedSmItem" parameters
based on your link before you call your data file.
For example, move " var bselectedItem" and " var bselectedSmItem" parameters
from your data file to your code.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=;
var bselectedSmItem=;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
You should define seltabs and selsmtabs using server side script.
You can also set it on every page before you call data.js file, for
example:
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
Q: Thanks, we tried giving var pressedItem=0; and the script as below:
<script type="text/javascript">
onload=setPressed;
function setPressed()
{
dm_ext_setPressedItem (0,8,0,0);
}
</script>
We are facing 2 problems
1) Two menus are getting highlighted, the "Home" and the dynamic html menu which is called onLoad using dm_ext_setPressedItem (0,8,0,0); function)
2) The submenu of the dm_ext_setPressedItem (0,8,0,0) is not getting highlighted.
A: Try to set
var pressedItem=-2;
dm_ext_setPressedItem function has a following parameters:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)
So, if you want to highlight item in the submenu you should use itemInd of this item (notitemInd of the parent item).
For example you want to highlight submenu item of the 'Manage Users' parent item with
itemInd=15.
You can find more info about dynamic html menu indexes here:
http://deluxe-menu.com/highlighted-items-sample.html#ind
So you should write the function in the following way:
dm_ext_setPressedItem (0, 3, 15, 1, 1)
menuInd = 0 if you have only one menu on the page
submenuInd = 3, see how to determine submenuInd in the table
http://deluxe-menu.com/highlighted-items-sample.html#ind
itemInd = 15, see how to determine itemInd in the table
http://deluxe-menu.com/highlighted-items-sample.html#ind
recursion = 1, to highlight parent items
parentOpen = 1, to open the submenu with the selected item.
Q: I am having a little problem. While the code seems to be working fine with IE7, it doesnТt load on Firefox 2.0.
IТve spent quite a while looking through the code and looking at the live examples on your site to see if there is anything I can do, but havenТt found a solution to this problem!
A: You should set the following parameter:
var tmenuHeight = "auto";
Templates
- Google Style Template dhtml pop up menu
- Olive Menu Template dhtml navigation menu
- Simple Dark Menu Template css menu dhtml
- Vista Style 3 - 4 sample dhtml menu
- Digg Style Template dhtml navigation menu
- Extjs Menu Select
- Animated Icons dhtml menu scripts
- Green Menu Template dhtml sliding menu
- Vista Style 3 - 5 vertical navigation menu
- Dark Red Rounded Template css menu script
Templates
- Vista Style 3 - 1 dropdown menu html
- Vista Style 2 dhtml transparent menu
- Blue Menu Template html menu code
- Vista Style 3 - 3 javascript window menu
- Glossy Menu Template dhtml menu navigation
- Extjs Left Menu
- Space Menu Template simple dropdown menu
- iPhone 1 Template cascading drop down menu
- Microsoft Style Template dhtml cascading menu
- Vista Style 3 - 6 javascript navigation menu
Func. Samples
- Menu in FrameSet javascript dynamic menu
- Multicolumn Submenus dhtml menu script
- Internet Explorer Moomenu Problem
- Side Slide Menu Script Example Bash
- XP Taskbar Replica!
- Image Background Menu javascript mouse over menu Java Example Dynamic Drop Down Menu
- Css Natvigation Menu Data Js
- Plugin Menu Indexhibit
- Como Hago Un Menu En Oscommerce
- AJAX Menu
- Extjs Mouseover Menu
- Interspire Shopping Cart Dropdown Menu
- Flex Menu Template
- Coffee Shop Menu Templates
- Ext Ux Menu Storemenu Xml
- Multi Style Items javascript cascade menu
- MAC OS-Like DHTML Menu
More Q&A
Graça Melo Gomes – representante no Brasil do Instituto Latino
Texto Lateral Sub-menu Etapas Estaduais Entendendo que a 1ª. ... Mulheres do grupo de percussão Batalá e o 'prata da casa' Atahualpa Fidel deram show neste
BuddyPress.org | Community/groups | Add All Nav Links to BP
Define ALL colors: navbar background, main and sub menu item backgrounds, border , .... fine if included in the “Add HTML/CSS insert” of the Atahualpa theme
UvumiTools: Updates and Announcements » UvumiDropdown 1.0.1
Just need to work a bit on the paddings of the .submenu classes, .... it into my Wordpress Theme Atahualpa http://wordpress.org/extend/themes/atahualpa . .... I make this fix to apply click event only on real submenu
Fórum Brasileiro de Segurança Pública
1 mar. 2010 ... Texto Lateral Sub-menu Conasp Transitorio O Conselho Nacional de ... 'prata da casa' Atahualpa Fidel deram show neste domingo na 1ª Conseg
Sub menu width problem with WP3 - Wordpress Themes - WP Forum at BFA
Sub menu width problem with WP3 Page & Category Menu Bars. ... Today I upgraded to WP 3 and at the same time to Atahualpa 3.4.9
UvumiTools: Updates and Announcements » UvumiDropdown 1.0.1
Just need to work a bit on the paddings of the .submenu classes, .... it into my Wordpress Theme Atahualpa http://wordpress.org/extend/themes/atahualpa . .... I make this fix to apply click event only on real submenu
Fórum Brasileiro de Segurança Pública
1 mar. 2010 ... Texto Lateral Sub-menu Conasp Transitorio O Conselho Nacional de ... 'prata da casa' Atahualpa Fidel deram show neste domingo na 1ª Conseg
UvumiTools: Updates and Announcements » UvumiDropdown 1.0.1
Just need to work a bit on the paddings of the .submenu classes, .... it into my Wordpress Theme Atahualpa http://wordpress.org/extend/themes/atahualpa . .... I make this fix to apply click event only on real submenu
Design [Archiv] - Seite 22 - WordPress Deutschland Forum
Blogname verschwindet bei Wechsel der Startseite · Logo in iTheme? frage zu atahualpa · "Seiten" umbenennen; WP 2.7 Haarlinie unterm Footer
Sub menu width problem with WP3 - Wordpress Themes - WP Forum at BFA
Sub menu width problem with WP3 Page & Category Menu Bars. ... Today I upgraded to WP 3 and at the same time to Atahualpa 3.4.9
BuddyPress.org | Community/groups | Add All Nav Links to BP
Define ALL colors: navbar background, main and sub menu item backgrounds, border , .... fine if included in the “Add HTML/CSS insert” of the Atahualpa theme
Sub menu width problem with WP3 - Wordpress Themes - WP Forum at BFA
Sub menu width problem with WP3 Page & Category Menu Bars. ... Today I upgraded to WP 3 and at the same time to Atahualpa 3.4.9
BuddyPress.org | Community/groups | Add All Nav Links to BP
Define ALL colors: navbar background, main and sub menu item backgrounds, border , .... fine if included in the “Add HTML/CSS insert” of the Atahualpa theme
Graça Melo Gomes – representante no Brasil do Instituto Latino
Texto Lateral Sub-menu Etapas Estaduais Entendendo que a 1ª. ... Mulheres do grupo de percussão Batalá e o 'prata da casa' Atahualpa Fidel deram show neste
Graça Melo Gomes – representante no Brasil do Instituto Latino
Texto Lateral Sub-menu Etapas Estaduais Entendendo que a 1ª. ... Mulheres do grupo de percussão Batalá e o 'prata da casa' Atahualpa Fidel deram show neste
Fórum Brasileiro de Segurança Pública
1 mar. 2010 ... Texto Lateral Sub-menu Conasp Transitorio O Conselho Nacional de ... 'prata da casa' Atahualpa Fidel deram show neste domingo na 1ª Conseg
Design [Archiv] - Seite 22 - WordPress Deutschland Forum
Blogname verschwindet bei Wechsel der Startseite · Logo in iTheme? frage zu atahualpa · "Seiten" umbenennen; WP 2.7 Haarlinie unterm Footer
Design [Archiv] - Seite 22 - WordPress Deutschland Forum
Blogname verschwindet bei Wechsel der Startseite · Logo in iTheme? frage zu atahualpa · "Seiten" umbenennen; WP 2.7 Haarlinie unterm Footer