Recent Questions Ajax Style Category Tree Listing
Q: Under Opera everything works fine but under IE the submenu’s are way down the page and go off the bottom of the screen.
A: See, the problem is that the script 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="PADDING-BOTTOM: 10px;"). 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="PADDING-BOTTOM: 10px;"
to the
<DIV class=department-menu>
So, you'll have:
<DIV class=department-menu style="POSITION: absolute;PADDING-BOTTOM: 10px;">
Q: I would prefer to have a sort of documentation or tutorial video but asI have seen on you website there is not. I have also to mix the javascriptcode with php.
Could you please help me, software look fine but we don't have time totest the code, tutorial will be appricieted.
A: Unfortunately, we don't have tutorial yet, we'll try to create it inthe nearest future.
To create the pop up menu you should to do the following steps:
1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.
Please, try to download trial package once again. We added alltemplates in Deluxe Tuner Templates window.
Unfortunately, Deluxe Tuner doesn't copy all need images forVista Template into your folder. You should do it manually.
After you create your menu in Deluxe Tuner you should copy all images youneed for the menu into your folder and correct images paths.
You should set the following parameter
var pathPrefix_img="";
2. You should add the following parameter for the pop up menu:
var popupMode=1;
You should do it manually. Please, open your data file in any texteditor and add such parameter.
3. You should install the menu on your page.
Add several rows into your html page.
<head>
...
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script> //data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>
<body>
...
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(0, 1000, event);">
...
</body>
Where return dm_popup(menuInd, pause, event, x, y)
menuInd - index of the menu on a page, >= 0.
pause - determines the time when the menu will be hidden.
event - constant. Do not change.
x, y - optional. Set these parameters if you want the menu to appear in the specified place. In other case the menu will be shown in the mouse position.
You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.
Try that.
Q: I want that this tree expanded or collapsed (clicking on the image. e.g. like the right button) and go to the link when clicked on the item.
A: No problem.
You can assign a link to the item that has subitems.
When you'll click on item's button, it'll be expanded.
When you'll click on the item, item's link will be opened.
Q: The first is that for some reason my item separator image will not show. I have tried everything.. and no matter what I do the image will not show. I designed a graphic that is 2 pixels high and is the width of the total menu. The first problem is that the graphic wont show at all.. and I do not know why. Secondly, I am now thinking that I would like to use the separator graphic on all levels of the menu.. but this creates a another issue.. as the width of the submenus varies based on the length of the text displayed. How then can I have a separator image work in the submenus?
A: Try to write you Item Styles so:
var itemStyles = [
["itemBorderWidth=1","itemBorderStyle=solid,solid","itemBorderColor=#D7F5FE,#FFFFFF",
"fontColor=#A0A0A0,#A0A0A0","fontDecoration=none,none"],
["itemBackColor=#6DD0FE,#00ACFC","itemBorderWidth=1","itemBorderStyle=solid,solid",
"itemBorderColor=#6DD0FE,#FFFFFF"],
];
See the normal item border color.
You didn't paste separator into your menuItems.
["-",],
