Recent Questions Treeview Contextual Menu Jquery
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: first - the deluxe menu is a nice tool, greatly.
but I have 2 little problems:
- I'll display the item direct side by side without distance, I can't found the parameter
- I wish the actual site (dhtml vertical menu item) in another colour
A: > - I'll display the item direct side by side without distance, i cant found the parameter
Check that you have correct
var menuWidth="";
parameter.
You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.
> - I wish the actual site (menu item) in another colour
You can create Individual Item style and assign it for the top items,for example:
var itemStyles = [
["itemBackColor=#8080FF,#FFFF80","itemBorderWidth=1","itemBorderStyle=solid,solid", "itemBorderColor=#000080,#FF8000","showByClick=0"], //style0
];
var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "0", "", "", "", "", ], //style0
["|Item 3","", "", "", "", "", "", "", "", "", "", ],
["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
["|Item 7","", "", "", "", "", "", "", "", "", "", ],
["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "0", "", "", "", "", ], //style0
];
Q: How I center a menu on the deluxe javascript menu creator?.
I am making a menu right now for my new site.
A: It is not possible to center the menu in Deluxe Tuner, you can centerit on your html page.
In Deluxe Tuner you can use absolute position.
To center the menu on your html page you should set the followingparameter and install the menu in the following way:
var absolutePos=0;
<div align=center>
<script type="text/javascript" src="deluxe-menu/dmenu.js"></script>
</div>
Q: I can not figure out how to get the grey separator gif to show up in the navigation bar scripts.
Where in the DeluxeTuner do you select that?
A: You should add separators between your items,
use "Add separator" button on the mainwidow of Deluxe Tuner.
var menuItems = [
["Item1","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item2","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item2","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item4","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item5","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item6","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item7","", "", "", "", "", "", "", "", "", "", ],
];
var separatorVImage="separv1.gif";
var separatorVWidth="1px";
var separatorVHeight="21px";
Notice that I've used my on separator image, you should use your own image.