Recent Questions Jquery Tree Style Navigation Example
Q: I downloaded the free trial version and so far it looks like we can do everything. I have a couple questions:
the designer wants it so that when any of the submenu choice are selected, the main main menu in java item should be highlighted when the submenu page is displayed (kind of a breadcrumb). So, is there any way to change the background image of one of the main menu items after the menu loads? I haven't tried running my main menu in java in a webpage yet so I'm not sure if you generate a separate CSS file or put all of the settings into a STYLE= attribute of each tag.
A: The main menu in java has only two states normal and mouseover.
Try to do the following things:
- delete var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript"> var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>
You can also set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem. You can't get this ID after you reload your page. That is why you should write your own code on PHP.
Q: My submenu is not display at the good position with Firefox.
Look at my web site with Firefox. Select item menu 'Inscription' and you'll see the problem.
Note: mainmenu.js is relative positioning. The table tag is absolute positioning.
A: Try to write so:
<TABLE id=Table60style="Z-INDEX: 803; LEFT: 295px; POSITION: absolute; TOP: 114px">
<TBODY>
<TR>
<TD style="POSITION: absolute;"><NOSCRIPT><A href="http://deluxe-menu.com/">Javascript Menu by Deluxe-Menu.com</A></NOSCRIPT> <NOSCRIPT>MainMenu</NOSCRIPT>
<SCRIPT language=JavaScript1.2 src="deluxe_files/MainMenu.js" type=text/javascript></SCRIPT>
</TD>
</TR>
</TBODY>
</TABLE>
Q: No matter where I paste the dhtml rollover I created, it shows up at the top left corner of the page.
A: Try to use relative position
var absolutePos=0;
var posX="";
var posY="";
Q: I was trying to figure something out myself but after a lot of hours I decided I will contact you.
I am working on a javascript collapsing menu and I am using the XP style one.
I don’t know why but the align of the text is not moving to the right side (because in Israel we write from right to left)
The sub-menu works great and all the text align to the right but from some reason the title is unmovable.
Please if you know any solution to that problem?
A: See how you can create your top javascript collapsing menu items:
- you can set the following parameter:
var tXPAlign="right"; //align of expand-buttons of submenus titles
- write your top items:
["+<div align=right> Javascript/DHTML Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "", "", ],
