Recent Questions Jstree Scrollable
Q: I am still struggling with multiple menus on one page.
It is probably something I am doing wrong, but I cannot see it.
A: Now you have:
var absolutePos=1;
var posX="10";
var posY="10";
So, both of your menus have the same absolute position.
You can use relative position and place your menu inside <table>. In this case you should write so:
var absolutePos=0;
Q: My JavaScript Tree Menu works super.
Anyway, I would like to make it more comfortable for my users.
So, I would like to know if it possible to create a "Multicolumn Menu"
(http://deluxe-menu.com/multicolumn-menu-sample.html)
and separate define which submenu should be multicolumn and wich one looks "normal".
In your example all menu options which have submenus become multicolumn-look.
Is it maybe also possible to create such Multicolumn-look?
Group_01 Group_02 Group_03
- xxx - xxx - xxx
- xxx - xxx - xxx
- xxx - xxx - xxx
Group_04 Group_05 Group_06
- xxx - xxx - xxx
- xxx - xxx - xxx
- xxx - xxx - xxx
A: Yes, you can create such menu.
You can create "normal" items using separator.
["|-","testlink.htm"],
Please, see the attached example.
Q: How can I make top items different colors in the dhtml pop up menu?
A: You should create 6 Individual Styles and assign them to you topitems.
var itemStyles = [
["itemBackColor=#0000ff,#0000ff","showByClick=0"], //style 0
["itemBackColor=#FF00FF,#FF00FF","showByClick=0"], //style 1
["itemBackColor=#00ffff,#00ffff","showByClick=0"], //style 2
["itemBackColor=#00ff00,#00ff00","showByClick=0"], //style 3
["itemBackColor=#FFFF00,#FFFF00","showByClick=0"], //style 4
["itemBackColor=#FF0000,#FF0000","showByClick=0"], //style 5
];
["Find out Who we are","http://www.yoursite.org/", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Apply For Fellowship","http://www.yoursite.org/info.html", "", "", "", "_blank", "1", "", "", "", "", ], //style 1
["Fellows Corner","", "", "", "", "", "2", "", "", "", "", ], //style 2
["Enroll in a course","", "", "", "", "", "3", "", "", "", "", ], //style 3
["Engage in a discussion","", "", "", "", "", "4", "", "", "", "", ], //style 4
["Read The Bulletin","", "", "", "", "", "5", "", "", "", "", ], //style 5
Q: Is it possible to add checkboxes to menu items and retrieve the checked items? I need to create a multiple item select menu. So the javascript menu slide would need to remain open and allow a user to select multiple items and would either submit onmouseout or maybe a "submit these selections" javascript menu slide item.
A: You can try to use Javascript/DHTML Tree in that case:
http://deluxe-tree.com
You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js
["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
["|Index <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'> <option>Section 1<option>Section 2<option>Section 3 </select>", "", "", "", "", "","", "0"],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],
You should also add your own code, so your checkbox will workcorrectly.
