Привет всем!
Пытаюсь написать скрипт в виде дерева объектов.  . Под узлы раскрываются, всё отлично, но я не мого поменять рисунок (если узел закрыт то "+" если открыт то "-"). Вот код скрипта:
| Код |
var plus=new Image(); exImg.src='hlpExpnd.gif';
var minus=new Image(); unImg.src='hlpColla.gif';
function init()
{
oTop=new Array();
oTop[0]=new makeMenu('box0','divMain');
oTop[1]=new makeMenu('box1','divMain');
}
function show_hide(id)
{
if (document.getElementById(id).style.display == 'none')
{
document.getElementById(id).style.display = '';
oTop[id].ref["img"+id].src = minus.src;
}
else
{
document.getElementById(id).style.display = 'none';
oTop[id].ref["img"+id].src = plus.src;
}
}
|
| Код |
<div id="divMain">
<div id="box0">
<a href="#" onclick="javascript:show_hide(0); return false">
<img name="img0" id="img0" src="hlpExpnd.gif" align=center border=0>
</a> Node one
<div id=0 style="DISPLAY: none">
Sub node1
</div>
</div>
<div id="box1">
<a href="#" onclick="javascript:show_hide(1); return false">
<img name="img1" id="img1" src="hlpExpnd.gif" align=center border=0>
</a> Node two
<div id=1 style="DISPLAY: none">
Sub node2
</div>
</div>
</div>
|
Кто подскажет в чём проблема? Где я ошибся?
PS: Можно решить эту задачу другим образом, это поставить два рисунка рядом я при щелчке скрывать один, затем второй. Но это как по варварски!
|