Mouseover Event In Componentart Treeview by Deluxe-Tree.com
Mouseover Event In Componentart Treeview


Buy Now!  Free Trial Download

Menu Screenshots Mouseover Event In Componentart Treeview

Mouseover Event In Componentart Treeview Html Tree Menu Tutorials

Features Mouseover Event In Componentart Treeview

Cost Effective
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
Tree Select Submenu Mouseover Event In Componentart Treeview
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
Seamless Integration
  • 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
Unrivalled Features
  • Scrollable, dragable, floating
  • 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".
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can create 3-state icons for each item: normal state, mouseover state, expanded state.
  • Use images for icons, backgrounds of submenus and items.
  • You can use with any amount of menu and submenus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions Mouseover Event In Componentart Treeview

Q: Is there a way to programmatically specify which tab is selected in the drop down menu using javascript?

What I mean is, I want to set the selected tab programmatically (Not clicking the tab).

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

If your site is written on PHP you can set "bselectedItem" and "varbselectedSmItem" parameters based on your link beforeyou call your data file.

For example, move "bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</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, forexample:

<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: We are unable to get sub-menus to appear on page load or rather simulate a "windows application style menu".

How can we in combination with the java menu api function dm_ext_setPressedItem get the associated sub-menu to display? This function simply sets the item to "pressed" rather than actually showing the sub-menu. Attempts at beginning an item's text value with "+" only works with Javascript/DHTML Tree.

Again, we are trying to use the menu not only as a navigator but also as a visual aid for the user to determine what page they are viewing. For example, when a user clicks on a menu item and that page loads, the menu should display the top-level item pressed, the sub-menu group, and the item pressed.

Furthermore, it would also be useful if we could then "unlock" the pressed items and navigate the menu under normal circumstances.

If there are no existing "quick" functions to accomplish this, could you please point out the function in dmenu.js or another engine file that initiates the display of sub-menus, we could then force the menu to select a top-level item in the onload event thus showing a top-level item pressed along with it's related sub-menu.

A: Unfortunately JavaScript Tree Menu doesn't have such a feature now. It is notpossible to set parent item highlighted, expanded submenu group andhighlighted submenu item.

You can do it using Javascript/DHTML Tree now only.


Q: I have another question:

Menu behavior in SAFARI is does not properly work compared to EXPLORER.

If you have a look at the site via SAFARI, please do the following:

Example:
Under menu "Projets" select "par pays" then "Afrique" then "Algerie".

It will then show a left hand menu. Please select "2008/2010".

It will correctly show content.

Then if you try to select again via menu "Projets"; the html menu navigation does not show anymore the submenus. You still need to click a menu without submenus, like "News", and then afterwards you can click "Projets" and the system will again show submenus.

This strange behaviour does not appear in EXPLORER nor in FIREFOX.

A: The problem is in your frame structure after you open "Projets" select "par pays" then "Afrique" then "Algerie".

Your menu won't work correctly with such frame structure.

You should use the following frame structure for all pages at once:

--------------------------------------------------------
topFrame with the html menu navigation
--------------------------------------------------------
Algerie_leftFrame |
with | Algerie_mainFrame
Tree Menu |
--------------------------------------------------------
bottomFrame
--------------------------------------------------------

and write your init function in the following way:
dm_initFrame("frmSet", 0, 2, 0);

Or you shouldn't use Algerie_leftFrame and Algerie_mainFrame at all (use one mainFrame) and write your init function in the following way:
dm_initFrame("frmSet", 0, 1, 0);


Q: I’m trying to add a padding before the beforeItemImage for the sub navigation bar but I can’t do it after hours off trying it.

A: You should add a separator with blank (or white) image.
  var separatorVImage="deluxe-menu.files/space.gif";
  var separatorVWidth="7px";
  var separatorVHeight="27px";
  var separatorPadding="0px";

And assign Individual style for this item
["itemBorderWidth=0","itemBorderStyle=none,none"],