Recent Questions Nice Tree Menu Css
Q: We had a strange problem with the menus when the sub menus are over applet in https: the applet disappeared.
After doing some Investigation in your code we noticed that you are using in HTTPS mode div instead of Iframe.
We would be happy if you can tell us why you are using div in this mode and if we will use http mode will it cause something that can affect the menus
A: Iframes don't work on https:// websites. You'll get warning message. That's why we're using <div> tag.If for some reasons a submenu can't drop down over an object the latterwill be hidden for a time when the submenu is shown.
If you use JavaScript Tree Menu on https:// website, submenus won't drop downover select boxes within iframe objects. It works fine on a non-secureservers only.
Q: I'm trying out your menus, and I seem to have a problem with changing the title of a menu item. If the text is something like "Create a New Event" the entire menu spreads out and the rollover image starts replicating itself behind it, instead fo stretching with the text. So I see 1 /2 rollover images for that top level item, instead of just the one, width it's width spread out to accomodate the extra text.
I've tried the Styles bit, but that doesn't seem to fix the rollover image any...
Any pointers ?
A: You can try to set the exact width for each menu item using IndividualItem Styles.
You should use Individual Item Styles.
For example:
var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style3
];
["Home","testlink.htm"],
["Samples","testlink.htm"],
["|Group 1","", , , , , "0", , , ],
["|Group 2","", , , , , "1", , , ],
["|Group 3","", , , , , "2", , , ],
...
[" More Samples","testlink.htm"],
["|Group 1","", , , , , "3", , , ],
["|Group 2","", , , , , "1", , , ],
Where "0", "1", "2", "3" - style number in itemStyles.
You also should check the width of your rollover image. It should bethe same width as your items.
You can also use
tags in the item text, for example:
var menuItems = [
["line 1
line 2"],
];
Or you can set this parameter:
var noWrap=0;
Try that.
Q: If I open a pdf file within the frame work, the javascript onmouseover menu does not work.
A: Try to load your .pdf file into the IFRAME, for example on yourcontent frame (frame where you load your pdf files) you'll have:
<iframe src="files/1.pdf" name="iframe" style="z-index:0;" width="100%" height="100%"></iframe>
Submenus will overlap PDF correctly if you load it in the IFRAME only!
Q: What i need is when the menu item is clicked in the dhtml context menu, it'll run a json the onclick or mouseup event.
Is this possible?
A: You can achieve this by using standard html objects within items, for example:
var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];
Actually you can use any html code within menuItems.
