Recent Questions Simple Html Tree Menu
Q: I am trying to use the following horizontal scrolling tabs:
http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html My problem is that the bitebackimage is not showing as you can see in the example below.
All the left and right side images appear, but not the repeating button background. All the images are in the same directory and have the same URL to point to them.
Any ideas on what the problem might be?
Any style tab menu that I use produces the same results.
A: The reason is in your styles. Now you have in style.css file:
TABLE {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
You should write:
TABLE {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
Try that.
Q: I want to use
function dtreet_ext_userRightClick(itemID) {
alert(itemID[0]); ???
return false;
}
But how do I refer to tmenuItems array using itemID in the javascript?
For example, if I want to pop a link text, should I use alert(itemID[0]))?
It doesn't work.
Please let me know how I refer to the menu.
A: You should use the following function to get item's info:
dtreet_ext_getItemParams (0, itemID);
For example:
<script type="text/javascript">
function dtreet_ext_userRightClick(itemID)
{ var link = [];
link = dtreet_ext_getItemParams (0, itemID);
//Returns item parameters in the array:
// [item_id, index_within_submenu, parentID, level, has_child, child_count, expanded, text, link, target, tip, align, icons, hidden, disabled, visible]
alert(link[7]);
return false;
}
</script>
Q: What I mean is I still want the destination page to be static inthe var menuitems but when the javascript side menu item is clicked, it'll run a js on the onclick or mouseup event.
Is this possible?
something like:
var menuItems = [
["text", "home", "javascript:onclick=your_code_here"]
];
A: You can achieve this by using standard html objects within javascript side menu items, for example:
var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];
Actually you can use any html code within menuItems.
Q: Can Deluxe menus work with tables?
A: Yes, you can place your menu into the <div> or <table> tag.
For example:
 <table>
    <tr>
       <td><script type="text/javascript" src="menudir/data.js"></script></td>
   </tr>
  </table>