ФорумПрограммированиеJavaScript → Как сделать иерархическое меню и перемещать по нему объекты?

Как сделать иерархическое меню и перемещать по нему объекты?

  • adw0rd

    Сообщения: 22902 Репутация: N Группа: в ухо

    Spritz 26 сентября 2007 г. 7:58

    Хотелось бы что-то наподобие, направьте на путь истинный :) гугл не советовать, что-нибудь из личного опыта))

    adw/0
  • vasa_c

    Сообщения: 3127 Репутация: N Группа: в ухо

    Spritz 26 сентября 2007 г. 8:17, спустя 18 минут 20 секунд

    Как наставить то без гугла? )
    onDragDrop для IE
    onMouseDown + onMouseUp для других
  • adw0rd

    Сообщения: 22902 Репутация: N Группа: в ухо

    Spritz 26 сентября 2007 г. 8:18, спустя 1 минуту 21 секунду


    Как наставить то без гугла? )
    onDragDrop для IE
    onMouseDown + onMouseUp для других


    сенкс))
    adw/0
  • AlexB

    Сообщения: 4288 Репутация: N Группа: в ухо

    Spritz 26 сентября 2007 г. 8: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>
  • adw0rd

    Сообщения: 22902 Репутация: N Группа: в ухо

    Spritz 26 сентября 2007 г. 8:44, спустя 12 минут 59 секунд


    Вообще, если кто-то думает, что скрипт дерева это не меньше 100 строчек кода, то он сильно заблуждается. Ниже приведен скрипт вполне полнофункционального дерева из двух строк. При желании можно даже в одну впихнуть. Дописать к нему изменеие порядка узлов, думаю тоже труда не составит.

    ….



    AlexB, это понятно, вопрос в том как объекты перемещать по дереву?
    adw/0
  • AlexB

    Сообщения: 4288 Репутация: N Группа: в ухо

    Spritz 26 сентября 2007 г. 8:55, спустя 10 минут 59 секунд

    А что именно вызывает проблемы? Алгоритм обмена содержимым узлов? Работа с DOM в JS? Моделирование Drag'n'drop или контекстного меню? Что? А то вопрос слишком общий.
  • adw0rd

    Сообщения: 22902 Репутация: N Группа: в ухо

    Spritz 26 сентября 2007 г. 9:03, спустя 8 минут 12 секунд

    Начнем с того что JavaScript знаю поверхностно… очень…

    Но думаю меня интересует больше: Моделирование Drag'n'drop и контекстного меню
    adw/0
  • adw0rd

    Сообщения: 22902 Репутация: N Группа: в ухо

    Spritz 26 сентября 2007 г. 9: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 > ОКУЕТЬ МОЖНО!! Вот так я и хочу

    adw/0

Пожалуйста, авторизуйтесь, чтобы написать комментарий!