Всем привет!
Решил разобраться с наследованием с помощью prototype и сразу применить на практике. Через некоторое время столкнулся с проблемой следующего характера.
Разметка:
<ul id="tree">
<li><i></i><a href="menu-add.html">Добавление меню</a></li>
<li>
<i></i><a href="phrases.html">Фразы</a>
<ul><li><i></i><a href="phrases-edit.html">Редактирование</a></li></ul>
</li>
...
</ul>
<script type="text/javascript">
new Tree("menu");
</script>
Скрипт:
function Tree(Element)
{
if(typeof Element === "string") Element = document.getElementById(Element);
Element.onclick = this.Click;
}
Tree.prototype.Click = function(E)
{
E = E || window.event;
var Target = E.target || E.srcElement;
if(Target.tagName === "I") здесь нужно вызвать метод Toggle
else if(Target.tagName === "A") return false;
}
Tree.prototype.Toggle = function(Element)
{
Element.parentNode.className = Element.parentNode.className === "show" ? "" : "show";
}
В связи с тем что метод Click вызван в контексте елемента страницы то, this указывает на него, а мне нужно вызвать метод Toggle объекта Tree. Как это правильнее всего сделать?