Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.07.2015, 15:31
Интересующийся
Отправить личное сообщение для Arx777 Посмотреть профиль Найти все сообщения от Arx777
 
Регистрация: 20.02.2015
Сообщений: 25

Вывод № позиции при перемещение элемента
Не могу придумать способ для вывода номераци позиции (точнее могу, но не универсальный) элемента при перемещение jquery ui sort.
Т.е. если мы перетащим 1 элемент между 3 и 4, чтоб в alert вывилось (3-номер позиции: так как 2 и 3 элемент теперь над ним)



<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Sortable - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <style>
        #one {color: red}
        #two {color: green}
        #three{color: blue}
        #four{color: violet}
    </style>
<script>
$(function() {
            $( "tbody" ).sortable();
            $( "tbody" ).disableSelection();
        });
</script>
</head>
<body>
<table>
    <tbody>
    <tr id="one">
        <td>1</td>
    </tr>
    <tr>
        <td id="two">2</td>
    </tr>
    <tr id="three">
        <td>3</td>
    </tr>
    <tr id="four">
        <td>4</td>
    </tr>
    <tbody>
</table>
</body>
</html>

Последний раз редактировалось Arx777, 21.07.2015 в 15:37.
Ответить с цитированием
  #2 (permalink)  
Старый 21.07.2015, 15:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Arx777,
jQuery UI Sortable сохранение порядока сортировки при перезагрузке
Ответить с цитированием
  #3 (permalink)  
Старый 21.07.2015, 15:45
Интересующийся
Отправить личное сообщение для Arx777 Посмотреть профиль Найти все сообщения от Arx777
 
Регистрация: 20.02.2015
Сообщений: 25

Если кому интересно, то вот решение

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Sortable - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <style>
        #one {color: red}
        #two {color: green}
        #three{color: blue}
        #four{color: violet}
    </style>
    <script>
        $(function() {
            $( "tbody" ).sortable();
            $( "tbody" ).disableSelection();
        });
    </script>
</head>
<body>
    <span>Click!</span>
    <table>
        <tbody>
        <tr id="one">
            <td>1</td>
        </tr>
        <tr>
            <td id="two">2</td>
        </tr>
        <tr id="three">
            <td>3</td>
        </tr>
        <tr id="four">
            <td>4</td>
        </tr>
        <tbody>
    </table>
    <script>
        $( "tr" ).click(function() {
            var index = $( "tr" ).index( this );
            $( "span" ).text( "That was div index #" + index );
        });
    </script>
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 21.07.2015, 15:47
Интересующийся
Отправить личное сообщение для Arx777 Посмотреть профиль Найти все сообщения от Arx777
 
Регистрация: 20.02.2015
Сообщений: 25

рони,Благодарю за ваш вариант.

Последний раз редактировалось Arx777, 21.07.2015 в 15:52.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сохранить обработчики элемента, при изменения положения элемента в dom-дереве ? Danxil Events/DOM/Window 5 08.11.2013 23:33
Отступы при удалении элемента формы bona Общие вопросы Javascript 7 07.11.2013 14:27
Вывод select'а при выборе нужного option'a из другого select'a CoRviN88 Элементы интерфейса 2 07.05.2013 13:24
Вывод данных единожды, при открытии окна? Ggorsh Events/DOM/Window 1 28.04.2009 01:04
раскрывать/скрывать <td> при выборе определенного элемента списка zip Элементы интерфейса 2 19.01.2009 13:58