Recent Questions Joomla Menu Tree Example
Q: Is it possible to generate Kaspersky java tab menu from dynamic content?
i.e I have a web application which currently generates a certain number of tabs for content based on a users selection.
Can the Kapersky tabs be generated from dynamic content, or does it need to be hard coded for the number of tabs and placement?
A: Unfortunately, Deluxe Tabs doesn't have such a feature.
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.:
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript" src="menudir/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->
<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
var parameter1=value1;
var parameter2=value2;
etc.
var tmenuItems = [
// 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
This example is not for Deluxe Tabs menu, but you can create your menu in the same way.
Q: Thnx, it works now, just one more question :-)
I use frames on my website, the target frame name is main.
But when i put main as target in the simple javascript drop down menu, it loads as a new windows, do you know what i'm doing wrong?
A: You can set target parameter for all items:
var itemTarget="main";
Where main - is the name of the frame where you want to open the link.
or for each item individually:
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],
Q: How can I set the padding for the dhtml horizontal menu text at the top? I want more padding on the left of the text but I don't want it centered.
A: You can set bigger left padding for your Submenu Style, for example:
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 25px"],
];
itemPadding=0px 5px 0px 25px
top right bottom left
Q: Earlier today I bought your Deluxe Tabbed Menu software. I "nearly" have the menu I want working, but my problem is that the sub menus I have created in my java script tabs disappear very quickly after being clicked. I want these sub-menus to stay when.
The website that I have developed the menu for can be seen at www.domain.ie/index.php I have sub menus created for the About, Courses & Contact Us items, but as mentioned these disappear very quickly.
FYI, I call the data.js menu file from an include file in the webpages. I don't know if this has anything to do with my problem.
A: That is happen because you have links for the top items with subitems:
About Us
Courses
Contact Us
Actually it is not correctly to use links for items with subitems. Youshould use these items to open subitems only.
But if you want to use links for them you should set the correctpressed item for this page, for example for
http://www.domain.ie/about.php
you should set
var bselectedItem=2;
http://www.domain.ie/courses.php
you should set
var bselectedItem=6;
Deluxe Tabs doesn't support API functions which can return theselected tab aslo.
You can set "bselectedItem" and " var bselectedSmItem" parametersbased on your link before you call your data file.
For example, move " var 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>
