Recent Questions
Q: I am having some difficulty dynamically adding items to a tree javascript and menu.
I have a menu with one "root" item. I see the use of the "+" symbol within the item name. I do not see any documentation regarding this symbol, only "|". Can you explain?
If I have one menu with this one "root" node, how would I add an subitem to this root node?
Here is my code so far, but the inserted items appear to be at the same level as the root node.
var rootItem = dtreet_ext_getItemIDByIndex ( 0,0 );
var menuItem = new Array(10);
for ( var i = 0; i < producers.length; i++ )
{
var producer = producers[ i ];
menuItem[0] = producer.name;
dtreet_ext_insertItem ( 0, 0, i + 1, menuItem );
A: See dtreet_ext_insertItem () function has the following parameters:
function dtreet_ext_insertItem (menuInd, parentItemID, itemInd, itemParams)
Creates a new item and inserts it into a specified position.
menuInd - index of a javascript and menu on a page, >= 0.
parentItemID - ID property of an item.<, >= 0.
itemInd - index of a new item within the javascript and menu, >= 0.
itemParams - item parameters.
Notice that parentItemID is the Id property of the parent item (notindex). If you want to add top items you should set parentItemID=0.
itemInd - you should use this parameter if you want to add item in thespecific place, for example set itemInd=5 if you want to add itembefore the existing item with itemInd=5.
If you set itemInd=null the new item will be added at the end of this submenu and its index will be added automatically.
Q: Do you have any working examples of a menu generated using .php from a MySQL database?
Our website is dynamic from a MySQL db and we already have categories and sub-categories. It would be useful if we could use this with our deluxe menu.
I don't know how to set this up, so any assistance would be appreciated.
A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
var parameter1=value1;
var parameter2=value2;
etc.
var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];</script>
The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html
Q: When I open my site in Internet Explorer 6.0 the main drop menu code shows up nicely but the drop-down sub-menus are separated. The drop menu code work very nicely in a Firefox browser but not in IE.
A: There are some problems also with your css.The problem is that the drop menu code 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="position:relative"). 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="position:relative;"
to the
<DIV id="right">
So, you'll have:
<DIV id=right style="POSITION: relative;">
Check that.
Q: I'm trying to disable a javascript mouse over menu item using the MS Office style 2 template and having no luck. Can you please provide me a sample of the MS Office style 2 template that will disable an item on the menu by graying it out?
A: To disable menu item you should set "_" target for it.
If you want that your disabled items have a grey color (in css-basedmenu) you should create additional style for it and assign this stylefor the disabled items:
["CSSText=toptext_dis,toptext_dis"],
.toptext_dis
{
font: normal 11px Tahoma, Arial;
color: #AAAAAA;
padding: 3px;
}
["|What's New","", "images/icon_office_note.gif", "images/icon_office_note2.gif", ,"_","1", , , ],
["||Popup Mode (Contextual Menus)","", "images/icon_office_mark.gif", "images/icon_office_mark.gif", ,"_","1", , , ],
You can find more info about menu items here:
http://deluxe-menu.com/menu-items-info.html
