Navigation - Folding Menu Tree

Author's Comments

Look carefully for specific instructions

This script puts a menu at the top of your Xanga, as in the screenshot. Click on the bullets to the left and you'll get your submenus.

Script Code

Copy and paste to Header HTML

Help

var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

function checkcontained(e){
var iscontained=0
cur=ns6? e.target : event.srcElement
i=0
if (cur.id=="foldheader")
iscontained=1
else
while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
if (cur.id=="foldheader"||cur.id=="foldinglist"){
iscontained=(cur.id=="foldheader")? 1 : 0
break
}
cur=ns6? cur.parentNode : cur.parentElement
}

if (iscontained){
var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
if (foldercontent.style.display=="none"){
foldercontent.style.display=""
cur.style.listStyleImage="url(open.gif)"
}
else{
foldercontent.style.display="none"
cur.style.listStyleImage="url(fold.gif)"
}
}
}

if (ie4||ns6)
document.onclick=checkcontained

//-->
</script>
<font face="Verdana">

<ul>
   <li id="foldheader">TITLE</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="URL HERE">LINK</a></li>
      <li><a href="URL HERE">LINK</a></li>
      <li><a href="URL HERE">LINK</a></li>
   </ul>

<li id="foldheader">TITLE</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="URL HERE">LINK</a></li>
      <li><a href="URL HERE">LINK</a></li>
      <li><a href="URL HERE">LINK</a></li>
   </ul>

<li id="foldheader">TITLE</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="URL HERE">LINK</a></li>
      <li><a href="URL HERE">LINK</a></li>
      <li id="foldheader">TITLE</li>
      <ul id="foldinglist" style="display:none" style=&{head};>
         <li><a href="URL HERE">LINK</a></li>
         <li><a href="URL HERE">LINK</a></li>
      </ul>
      <li><a href="URL HERE">LINK</a></li>
      <li><a href="URL HERE">LINK</a></li>
   </ul>
</ul>

</font>

Script Code

Copy and paste to Website Stats

Help

var foldercontentarray=new Array()
var c=0

if (ns6){
for (i=0;i<document.getElementsByTagName("UL").length;i++){
if (document.getElementsByTagName("UL")[i].id=="foldinglist"){
foldercontentarray[c]=document.getElementsByTagName("UL")[i]
c++
}
}
}

if (get_cookie(window.location.pathname) != ''){
  var openresults=get_cookie(window.location.pathname).split(" ")
  for (i=0; i < openresults.length; i++){
    if (ns6){
    foldercontentarray[openresults[i]].style.display=''
    foldercontentarray[openresults[i]].previousSibling.previousSibling.style.listStyleImage="url(open.gif)"
    }
    else{
    foldinglist[openresults[i]].style.display=''
    document.all[foldinglist[openresults[i]].sourceIndex -1].style.listStyleImage="url(open.gif)"
    }
  }
}

if (ns6||ie4){
var nodelength=ns6? c-1 : foldinglist.length-1
var nodes=new Array(nodelength)
var openones=''
}

function checkit(){
  for (i=0; i <= nodelength; i++){
    if ((ns6&&foldercontentarray[i].style.display=='')||(ie4&&foldinglist[i].style.display==''))
       openones=openones + " " + i
  }
  document.cookie=window.location.pathname+"="+openones
}

if (ns6||ie4)
window.onunload=checkit
//-->
</script>

Script Comments

No comments yet. Be the first one to comment!

Script Details

Author	xenosaga
Submitted on	Mar 9, 2006
Page views	30,710
Favorites	9
Comments	0

Script Tags

navigation, sublinks, folding, expand