Форум → Программирование → JavaScript → Как сделать иерархическое меню и перемещать по нему объекты?
Как сделать иерархическое меню и перемещать по нему объекты?
-
26 сентября 2007 г. 16:17, спустя 18 минут 20 секунд
Как наставить то без гугла? )
onDragDrop для IE
onMouseDown + onMouseUp для других -
26 сентября 2007 г. 16:18, спустя 1 минуту 21 секунду
Как наставить то без гугла? )
onDragDrop для IE
onMouseDown + onMouseUp для других
сенкс))https://smappi.org/ - платформа по созданию API на все случаи жизни -
26 сентября 2007 г. 16:31, спустя 13 минут 14 секунд
Вообще, если кто-то думает, что скрипт дерева это не меньше 100 строчек кода, то он сильно заблуждается. Ниже приведен скрипт вполне полнофункционального дерева из двух строк. При желании можно даже в одну впихнуть. Дописать к нему изменеие порядка узлов, думаю тоже труда не составит.
<script type="text/javascript">
function ShowHideTree(id)
{
var doc = document.getElementById(id);
doc.style.display = doc.style.display == 'none' ? '' : 'none';
}
</script>
<table border="1">
<tr>
<td><a href="javascript:ShowHideTree('p0')">+</a></td>
<td>Узел 0</td>
</tr>
</table>
<div id="p0" style="padding-left:10pх;display:none">
<table border="1">
<tr>
<td><a href="javascript:ShowHideTree('p1')">+</a></td>
<td>Узел 1</td>
</tr>
</table>
<div id="p1" style="padding-left:10px">
<table border="1">
<tr>
<td><a href="javascript:ShowHideTree('p2')">+</a></td>
<td>Узел 1 0</td>
</tr>
</table>
<div id="p2" style="padding-left:10px;display:none">
<table border="1">
<tr>
<td><a href="javascript:ShowHideTree('p4')">+</a></td>
<td>Узел 1 0 0</td>
</tr>
</table>
<div id="p4" style="padding-left:10px">
итд
</div>
<table border="1">
<tr>
<td><a href="javascript:ShowHideTree('p5')">+</a></td>
<td>Узел 1 0 1</td>
</tr>
</table>
<div id="p5" style="padding-left:10px">
итд
</div>
</div>
<table border="1">
<tr>
<td><a href="javascript:ShowHideTree('p3')">+</a></td>
<td>Узел 1 1</td>
</tr>
</table>
<div id="p3" style="padding-left:10px;">
итд
</div>
</div>
</div> -
26 сентября 2007 г. 16:44, спустя 12 минут 59 секунд
Вообще, если кто-то думает, что скрипт дерева это не меньше 100 строчек кода, то он сильно заблуждается. Ниже приведен скрипт вполне полнофункционального дерева из двух строк. При желании можно даже в одну впихнуть. Дописать к нему изменеие порядка узлов, думаю тоже труда не составит.
….
AlexB, это понятно, вопрос в том как объекты перемещать по дереву?https://smappi.org/ - платформа по созданию API на все случаи жизни -
26 сентября 2007 г. 16:55, спустя 10 минут 59 секунд
А что именно вызывает проблемы? Алгоритм обмена содержимым узлов? Работа с DOM в JS? Моделирование Drag'n'drop или контекстного меню? Что? А то вопрос слишком общий. -
26 сентября 2007 г. 17:03, спустя 8 минут 12 секунд
Начнем с того что JavaScript знаю поверхностно… очень…
Но думаю меня интересует больше: Моделирование Drag'n'drop и контекстного менюhttps://smappi.org/ - платформа по созданию API на все случаи жизни -
26 сентября 2007 г. 17:12, спустя 8 минут 14 секунд
http://tool-man.org/examples/sorting.html - красотища))
http://www.webreference.com/programming/javascript/mk/column2/ - тоже красотища))
Нашел еще:
http://www.informika.ru/text/inftech/proglang/javascr/vvjava/part12.html
http://www.dhtmlgoodies.com/index.html?whichScript=drag-drop-folder-tree
в принципе уже и сам могу разобраться)) спасибо))
http://www.ajax.org/ > Platform JaveLine > Drag & Drop > ОКУЕТЬ МОЖНО!! Вот так я и хочуhttps://smappi.org/ - платформа по созданию API на все случаи жизни
Пожалуйста, авторизуйтесь, чтобы написать комментарий!