Posts: 136
Location: Brisbane, Australia
|
I have a page which is rendered by PHP which utilises a collapsable tree-diagram of links.
Some subsections can be collapsed.
I have written my Javascript based on an Article Chroder Blogged a while ago -
When a user expands an area, all of the others should close-
PHP Code:
<script language=”javascript”>
function getItem(id)
{
var itm = false;
if(document.getElementById)
itm = document.getElementById(id);
else if(document.all)
itm = document.all[id];
else if(document.layers)
itm = document.layers[id];
return itm;
}
function openItem(id)
{
var tags = document.getElementsByTagName('div');
if(!tags)
return false;
for(var i = 0; i < tags.length; i++)
{
if(tags[i].className == 'left_col')
{
tags[i].style.display = 'none';
}
}
toggleItem(id);
return false;
}
function toggleItem(id)
{
itm = getItem(id);
if(!itm)
return false;
if(itm.style.display == ’none’)
itm.style.display = '’;
else
itm.style.display = ’none’;
return false;
}
</script>
I use this
Code:
<a href="javascript: openItem('tepg')" class="leftmenb">
and i get the error openItem is not defined.
Any Help would be greatly appreciated   |
