JS список ↑ ↓

Discussion in 'PHP' started by Lionis, 20 Jul 2011.

  1. Lionis

    Lionis Member

    Joined:
    13 Dec 2008
    Messages:
    94
    Likes Received:
    7
    Reputations:
    0
    Всем привет !
    Подскажите как сделать перемещение объекта на JS - посредством нажатия кнопок up - down . В виде объекта у нас выступает пункт списка . Если есть ссылки на мануалы , буду очень благодарен , спасибо .
    [​IMG]
     
  2. Fuckel

    Fuckel Banned

    Joined:
    16 Jan 2008
    Messages:
    274
    Likes Received:
    59
    Reputations:
    6
    Я бы посоветовал фреймворк Backbone.js (http://documentcloud.github.com/backbone/) Удобен для работы с коллекциями. Но если для единичного случая, то можно использовать плагин для jquery(для других фреймворков тоже, думаю, найдется) http://www.vertstudios.com/blog/swap-jquery-plugin/
    Слова для поиска: javascript swap elements in dom. По второй ссылке можно найти это:
    HTML:
    <script type="text/javascript">
    
    function swapDiv(event,elem){
        elem.parentNode.insertBefore(elem,elem.parentNode.firstChild);
    }
    
    </script>
    
    
     <div id="container">
            <div onclick="swapDiv(event,this);">1</div>
            <div onclick="swapDiv(event,this);">2</div>
            <div onclick="swapDiv(event,this);">3</div>
     </div>
    А для пользователя было бы удобнее не стрелочками перемещать пункт, а посредство drug&drop.
     
    2 people like this.
  3. Lionis

    Lionis Member

    Joined:
    13 Dec 2008
    Messages:
    94
    Likes Received:
    7
    Reputations:
    0
    Спасибо за такой содержательный ответ +