Recent Questions Tree Menu Js Example
Q: Thanks for your information, and the program is very useful and user friendly compare with others.
But I have a question, pls see the following example.
inside the menu.js (the file which we will run as navigation bar)
var menuItems = [
["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif", "menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif", "menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],
when setup running the php file directly is no problem
however, as we have some links will have different values as the end (have problem running at the menu)
such as blog.php?ownid=4497
there is having a dynamic value at the end
at our php files we use
<a href="blog.php?blogger=<?=$auctionDetails['ownerid'];?>">
Any suggestion for this case? or you can give us some example?
A: The following link should work fine in JavaScript Tree Menu:
["Item 1","blog.php?blogger=<?=$auctionDetails['ownerid'];?>", "", "", "", "", "", "", "", "", "", ],
You can also try to move menuItems and dm_init(); function to your page inside <script>tag:
<script>
var menuItems = [
["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif","menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif","menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],
];
dm_init();
</script>Q: How do I go about using the menu javascripts feature and javascript popup on the same HTML page? I'm getting a Java Error.
A: 1) Notice that you should call dmWorkPath parameter and dmenu.js file only once on yourhtml page.
2) When you have several menus on the same page they have different menuInd (0,1,2,3...)
For example you have:
<script type="text/javascript" src="data.js"></script> //standard menu menuInd=0
...
<script type="text/javascript" src="popup-data.js"></script> //popup menu menuInd=1
You should call your popup in the following way:
<img src="mypic.gif" onClick="return dm_popup(1, 1000, event);">
or
<script type="text/javascript" src="popup-data.js"> </script> //popup menu menuInd=0
...
<script type="text/javascript" src="data.js"></script> //standard menu menuInd=1
You should call your popup in the following way:
<img src="mypic.gif" onClick="return dm_popup(0, 1000, event);">
Q: I would like to know how to define separator on itemstyle or how to show separator on menu items.
Thanking you in advance.
A: You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
Q: We are using the javascript drop down menu code to create an external link. The absolute path is recognised but it does not work. At the bottom of the page the browser displays an "error on page" message and nothing happens.
A: Now you have
<script type="text/javascript"> var dmWorkPath = "wdmenu.files/";</script>
<script type="text/javascript" src="wdmenu.files/dmenu.js"></script>
<script type="text/javascript"> var dmWorkPath="wdtabs.files/";</script>
<script type="text/javascript" src="wdtabs.files/wdtabs.js"></script>
The second call for dmWorkPath is incorrect. Delete it. So you'llhave:
<script type="text/javascript"> var dmWorkPath = "wdmenu.files/";</script>
<script type="text/javascript" src="wdmenu.files/dmenu.js"></script>
<script type="text/javascript" src="wdtabs.files/wdtabs.js"></script>
Your menu will work correctly.
