Tree Menu

[logan_pa 0]

Salve, salve.

Preciso de um help neste Tree Menu.

 

Ta funcionando certinho, só falta uma coisa: Quando o usuário clicar no proximo folder o anterior se contrair automaticamente.

[Tiago Cardoso 1]

Precisa de disponibilizar o js cara...

[logan_pa 0]

var persisteduls=new Object()var ddtreemenu=new Object()ddtreemenu.closefolder="closed.gif" //set image path to "closed" folder imageddtreemenu.openfolder="open.gif" //set image path to "open" folder image//////////No need to edit beyond here///////////////////////////ddtreemenu.createTree=function(treeid, enablepersist, persistdays){var ultags=document.getElementById(treeid).getElementsByTagName("ul")if (typeof persisteduls[treeid]=="undefined")persisteduls[treeid]=(enablepersist==true && ddtreemenu.getCookie(treeid)!="")? ddtreemenu.getCookie(treeid).split(",") : ""for (var i=0; i<ultags.length; i++)ddtreemenu.buildSubTree(treeid, ultags[i], i)if (enablepersist==true){ //if enable persist featurevar durationdays=(typeof persistdays=="undefined")? 1 : parseInt(persistdays)ddtreemenu.dotask(window, function(){ddtreemenu.rememberstate(treeid, durationdays)}, "unload") //save opened UL indexes on body unload}}ddtreemenu.buildSubTree=function(treeid, ulelement, index){ulelement.parentNode.className="submenu"if (typeof persisteduls[treeid]=="object"){ //if cookie exists (persisteduls[treeid] is an array versus "" string)if (ddtreemenu.searcharray(persisteduls[treeid], index)){ulelement.setAttribute("rel", "open")ulelement.style.display="block"ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"}elseulelement.setAttribute("rel", "closed")} //end cookie persist codeelse if (ulelement.getAttribute("rel")==null || ulelement.getAttribute("rel")==false) //if no cookie and UL has NO rel attribute explicted added by userulelement.setAttribute("rel", "closed")else if (ulelement.getAttribute("rel")=="open") //else if no cookie and this UL has an explicit rel value of "open"ddtreemenu.expandSubTree(treeid, ulelement) //expand this UL plus all parent ULs (so the most inner UL is revealed!)ulelement.parentNode.onclick=function(e){var submenu=this.getElementsByTagName("ul")[0]if (submenu.getAttribute("rel")=="closed"){submenu.style.display="block"submenu.setAttribute("rel", "open")ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"}else if (submenu.getAttribute("rel")=="open"){submenu.style.display="none"submenu.setAttribute("rel", "closed")ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.closefolder+")"}ddtreemenu.preventpropagate(e)}ulelement.onclick=function(e){ddtreemenu.preventpropagate(e)}}ddtreemenu.expandSubTree=function(treeid, ulelement){ //expand a UL element and any of its parent ULsvar rootnode=document.getElementById(treeid)var currentnode=ulelementcurrentnode.style.display="block"currentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"while (currentnode!=rootnode){if (currentnode.tagName=="UL"){ //if parent node is a UL, expand it toocurrentnode.style.display="block"currentnode.setAttribute("rel", "open") //indicate it's opencurrentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"}currentnode=currentnode.parentNode}}ddtreemenu.flatten=function(treeid, action){ //expand or contract all UL elementsvar ultags=document.getElementById(treeid).getElementsByTagName("ul")for (var i=0; i<ultags.length; i++){ultags[i].style.display=(action=="expand")? "block" : "none"var relvalue=(action=="expand")? "open" : "closed"ultags[i].setAttribute("rel", relvalue)ultags[i].parentNode.style.backgroundImage=(action=="expand")? "url("+ddtreemenu.openfolder+")" : "url("+ddtreemenu.closefolder+")"}}ddtreemenu.rememberstate=function(treeid, durationdays){ //store index of opened ULs relative to other ULs in Tree into cookievar ultags=document.getElementById(treeid).getElementsByTagName("ul")var openuls=new Array()for (var i=0; i<ultags.length; i++){if (ultags[i].getAttribute("rel")=="open")openuls[openuls.length]=i //save the index of the opened UL (relative to the entire list of ULs) as an array element}if (openuls.length==0) //if there are no opened ULs to save/persistopenuls[0]="none open" //set array value to string to simply indicate all ULs should persist with state being closedddtreemenu.setCookie(treeid, openuls.join(","), durationdays) //populate cookie with value treeid=1,2,3 etc (where 1,2... are the indexes of the opened ULs)}////A few utility functions below//////////////////////ddtreemenu.getCookie=function(Name){ //get cookie valuevar re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pairif (document.cookie.match(re)) //if cookie foundreturn document.cookie.match(re)[0].split("=")[1] //return its valuereturn ""}ddtreemenu.setCookie=function(name, value, days){ //set cookei valuevar expireDate = new Date()//set "expstring" to either future or past date, to set or delete cookie, respectivelyvar expstring=expireDate.setDate(expireDate.getDate()+parseInt(days))document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";}ddtreemenu.searcharray=function(thearray, value){ //searches an array for the entered value. If found, delete value from arrayvar isfound=falsefor (var i=0; i<thearray.length; i++){if (thearray[i]==value){isfound=truethearray.shift() //delete this element from array for efficiency sakebreak}}return isfound}ddtreemenu.preventpropagate=function(e){ //prevent action from bubbling upwardsif (typeof e!="undefined")e.stopPropagation()elseevent.cancelBubble=true}ddtreemenu.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)var tasktype=(window.addEventListener)? tasktype : "on"+tasktypeif (target.addEventListener)target.addEventListener(tasktype, functionref, false)else if (target.attachEvent)target.attachEvent(tasktype, functionref)}

[chicomaluco 0]

Estou com este mesmo código ai mais ele só funiona no IE7, no Mozilla Firefox ele começa expandido e não fica linkado o Pai