Post your code.
<html>
<head>
<style>
body{
font: 10pt Verdana,sans-serif;
color: navy;
}
.branch{
cursor: pointer;
cursor: hand;
display: block;
}
.leaf{
display: none;
margin-left: 16px;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
</style>
<script language="JavaScript">
var openImg = new Image();
openImg.src = "open.gif";
var closedImg = new Image();
closedImg.src = "closed.gif";
var req;
var xmlDoc;
function loadxml(url)
{
req = false;
var moz = (typeof document.implementation != 'undefined') && (typeof
document.implementation.createDocument != 'undefined');
var ie = (typeof window.ActiveXObject != 'undefined');
if (moz){ xmlDoc = document.implementation.createDocument("", "", null) ;}
// branch for native XMLHttpRequest object
if(window.XMLHttpRequest && !(window.ActiveXObject)) {
try {
req = new XMLHttpRequest();
if(req.overrideMimeType){
req.overrideMimeType('text/xml');
}
} catch(e) {
req = false;
}
// branch for IE/Windows ActiveX version
} else if(window.ActiveXObject)
{
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
req = false;
}
}
}
if(req){
req.open("GET", url, true);
req.onreadystatechange = stateChanged;
req.send(null);
}
}
function stateChanged()
{
if (req.readyState==4 && req.status==0)
{
xmlDoc=req.responseXML;
var xmlobj=xmlDoc.getElementsByTagName("branch");
drawtree();
}
else{
alert.write(req.status);
}
}
function tree(){
this.branches = new Array();
this.add = addBranch;
this.write = writeTree;
}
function branch(id, text){
this.id = id;
this.text = text;
this.write = writeBranch;
this.add = addLeaf;
this.leaves = new Array();
}
function leaf(text, link){
this.text = text;
this.link = link;
this.write = writeLeaf;
}
function writeTree(){
var treeString = '';
var numBranches = this.branches.length;
for(var i=0;i<numBranches;i++)
treeString += this.branches[i].write();
document.write(treeString);
}
function addBranch(branch){
this.branches[this.branches.length] = branch;
}
function writeBranch(){
var branchString = '<span class="branch" onClick="showBranch(\'' + this.id + '\')"';
branchString += '><img src="closed.gif" id="I' + this.id + '">' + this.text;
branchString += '</span>';
branchString += '<span class="leaf" id="';
branchString += this.id + '">';
var numLeaves = this.leaves.length;
for(var j=0;j<numLeaves;j++)
branchString += this.leaves[j].write();
branchString += '</span><br>';
return branchString;
}
function addLeaf(leaf){
this.leaves[this.leaves.length] = leaf;
}
function writeLeaf(){
var leafString = '<a target="page12" href="' + this.link + '">';
leafString += '<img src="doc.gif" border="0">';
leafString += this.text;
leafString += '</a><br>';
return leafString;
}
function showBranch(branch){
var objBranch = document.getElementById(branch).style;
if(objBranch.display=="block")
objBranch.display="none";
else
objBranch.display="block";
swapFolder('I' + branch);
}
function swapFolder(img){
objImg = document.getElementById(img);
if(objImg.src.indexOf('closed.gif')>-1)
objImg.src = openImg.src;
else
objImg.src = closedImg.src;
}
function drawtree(){
var i,j;
var myTree = new tree();
var branch_var=xmlDoc.getElementsByTagName("branch");
for(i=0;i<branch_var.length;i++)
{
var branch_comm = new branch(branch_var[i].firstChild.nodeValue,branch_var[i].firstChild.nodeValue);
var leaf_var=branch_var[i].getElementsByTagName("leaf");
for(j=0;j<leaf_var.length;j++)
{
var link_var=leaf_var[j].getElementsByTagName("link");
var leaf_comm= new leaf(leaf_var[j].firstChild.nodeValue,link_var[0].firstChild.nodeValue);
branch_comm.add(leaf_comm);
}
myTree.add(branch_comm);
}
myTree.write();
}
</script>
</head>
<body onload=loadxml("x1.xml")>
</body>
</html>