This is a demo page showing you how to use the Sothink.com TreeMenu with my custom code for a pick list. The Save button only hits this page again without actually saving. Of course, my real code does save. :)

On the left is a Master List of Ministries. Click a subgroup from the left list to add a Ministry to your church, then be sure to select the button to SAVE.

	Click a Subgroup to add.		[<<] to remove a selection. Save.		Below are your saved selections. (If this were real, the links in the above list would take you to edit that specific content...)

Use the below functions to move and remove the text from the selection list.

<script TYPE="text/javascript" LANGUAGE="JavaScript"> <!-- // Nannette Thacker http://www.shiningstar.net // custom code by NKT to move from hyperlink to box.... // used with TreeMenu .... function removeText(fbox) { for(var i=0; i<fbox.options.length; i++) { if(fbox.options[i].selected && fbox.options[i].value != "") { // Clear option in fbox fbox.options[i]=null; i--; } } } function moveText2(text,value,tbox) { var continuethis = 0; // Add Option to tbox var no = new Option(); no.value = value; no.text = text; // see if it already exists.... for(var i=0; i < tbox.options.length; i++) { if(tbox.options[i].value == no.value) { continuethis = 1 ; } } if (continuethis == 0) { tbox.options[tbox.options.length] = no; } } // --> </script>

Here is the menu code with the onclick event calling the MoveText2 function:

<script type="text/javascript" language="JavaScript1.2"> <!-- stBM(1,"tree6e80",[0,"/lib/menu/menuTree/","","blank.gif",0,"left","default","hand",0,0,-1,250,300,"double",3,"#999999","#FFFFFF","","repeat",1,"defbutton_f.gif","defbutton_uf.gif",9,9,0,"line_def0.gif","line_def1.gif","line_def2.gif","line_def3.gif",1,0,3,1,"center",0]); stBS("p0",[0,0]); stIT("p0i0",["Committees","","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","none","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stBS("p1",[,1],"p0"); stIT("p1i0",["Administration Council","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Administration Council\',\'201\',form2.subgroup_id2); return false\"","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stIT("p1i0",["Church Board","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Church Board\',\'15\',form2.subgroup_id2); return false\"","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stIT("p1i0",["Church Office Staff","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Church Office Staff\',\'29\',form2.subgroup_id2); return false\"","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stIT("p1i0",["Elders","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Elders\',\'16\',form2.subgroup_id2); return false\"","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stIT("p1i0",["Deacons","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Deacons\',\'17\',form2.subgroup_id2); return false\"","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stIT("p1i0",["Deaconesses","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Deaconesses\',\'18\',form2.subgroup_id2); return false\"","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stES(); stIT("p0i0",["Fellowship & Hospitality","","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","none","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stBS("p1",[,1],"p0"); stIT("p1i0",["Fellowship Meals","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Fellowship Meals\',\'180\',form2.subgroup_id2); return false\"","_self"," ","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stIT("p1i0",["Greeters","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Greeters\',\'8\',form2.subgroup_id2); return false\"","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stIT("p1i0",["Social Committee","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Social Committee\',\'179\',form2.subgroup_id2); return false\"","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stES(); stIT("p0i0",["Maintenance","","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","none","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stBS("p1",[,1],"p0"); stIT("p1i0",["Custodial","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Custodial\',\'207\',form2.subgroup_id2); return false\"","_self","","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stIT("p1i0",["Landscape","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Landscape\',\'6\',form2.subgroup_id2); return false\"","_self","Designs gardens and landscaping in a tasteful fashion. Responsible for planting, weeding, cleaning flowerbeds.","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stIT("p1i0",["Lawn","\"/articles/articles/javascript/treeselectdemo.asp\" onClick=\"moveText2(\'Lawn\',\'5\',form2.subgroup_id2); return false\"","_self","Summer: Mowing, edging, seeding, watering. Winter: Shovel snow, sand sidewalks.","","explorer5.gif","yellow_folder_uf.gif",16,16,"9pt 'Arial'","#000000","none","#FFFFFF","","no-repeat","10pt 'Arial'","#000080","underline","#FFFFFF","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat","bold 9pt 'Arial'","#FFFFFF","none","#000099","","no-repeat",1]); stES(); stES(); stEM(); //--> </script>