Potrebujem pomoc s rozbalovacim menu...
Po kliknuti na "STAVEBNICE" sa mi menu rozbali...
STAVEBNICE
STAVEBNICE - click
---repro
---audio
---atd
---atd
Ak kliknem na nejaku podzlozku v menu, otvori sa mi jej obsah, ale menu sa opat zbali...
Chcel by som ponechat to menu pri prezerani jeho podzloziek rozbalene, pokial opatovnym kliknutim na STAVEBNICE nebudem chciet zatvorit...
Tu je code na javascript:
Kód:
function FindObject(id, doc)
{
var child, elem;
if(!doc)
doc=document;
if(doc.getElementById)
elem=doc.getElementById(id);
else
if(doc.layers)
child=doc.layers;
else
if(doc.all)
elem=doc.all[id];
if(elem)
return elem;
if(doc.id==id || doc.name==id)
return doc;
if(doc.childNodes)
child=doc.childNodes;
if(child)
{
for(var i=0; i<child.length; i++)
{
elem=FindObject(id,child[i]);
if(elem)
return elem;
}
}
var frm=doc.forms;
if(frm)
{
for(var i=0; i<frm.length; i++)
{
var elems=frm[i].elements;
for(var j=0; j<elems.length; j++)
{
elem=FindObject(id,elems[i]);
if(elem) return elem;
}
}
}
return null;
}
function ToggleExpand(id)
{
var obj = FindObject(id);
if (!obj)
{
return false;
}
if (obj.style.display == "none")
{
obj.style.display = "";
}
else
{
obj.style.display = "none";
}
return false;
}
Tu je kod do indexu:
Kód:
<table cellspacing="1">
<tr>
<td class="menubar_folder"><a class="menubar_folder_a" onClick="return ToggleExpand('menubar_Folder1')" href="#">STAVEBNICE</a></td>
</tr>
<tbody id="menubar_Folder1" style="display:none">
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<table width="160" cellspacing="1">
<tr><td class="menubar_item"><a class="menubar_item_a" href="index.php?hlavna=">reprosústavy</a></td></tr>
<tr><td class="menubar_item"><a class="menubar_item_a" href="index.php?hlavna=">audioelektronika</a></td></tr>
<tr><td class="menubar_item"><a class="menubar_item_a" href="index.php?hlavna=">súciastky filtrov</a></td></tr>
<tr><td class="menubar_item"><a class="menubar_item_a" href="index.php?hlavna=">príslušenstvo</a></td></tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
